js获取点击按钮的文字名称,给出代码示例
时间: 2024-03-27 20:40:31 浏览: 14
好的,以下是获取点击按钮文字名称的 JavaScript 代码示例:
HTML 代码:
```html
<button onclick="getButtonText(this)">点击我</button>
```
JavaScript 代码:
```javascript
function getButtonText(button) {
var buttonText = button.textContent || button.innerText;
alert("按钮的文字名称是:" + buttonText);
}
```
这段代码中,我们定义了一个名为 `getButtonText` 的函数,它接收一个参数 `button`,代表被点击的按钮元素。在函数内部,我们使用了 `textContent` 和 `innerText` 两个属性来获取按钮的文字名称,并将其存储在变量 `buttonText` 中。最后,我们使用 `alert` 函数弹出一个提示框,显示按钮的文字名称。
相关问题
外部s文件获取Html内部的js变量,给出代码示例
外部的 JavaScript 文件同样可以通过 DOM 操作获取 Html 内部的 js 变量。具体的代码示例如下:
1. 在 Html 页面中,定义一个全局变量:
```html
<!DOCTYPE html>
<html>
<head>
<title>Html页面</title>
<script>
var targetVar = "这是一个目标变量";
</script>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>
```
2. 在外部的 JavaScript 文件中,使用 window 对象获取全局变量:
```javascript
// 外部的 JavaScript 文件
var targetVar = window.targetVar;
console.log(targetVar); // 输出:"这是一个目标变量"
```
需要注意的是,外部的 JavaScript 文件必须在 Html 页面中定义全局变量的 script 标签之后加载,否则无法获取到目标变量。同时,需要确保全局变量的作用域符合要求。
微信小程序点击跳转页面 给出代码示例
好的,以下是微信小程序点击跳转页面的代码示例:
在wxml文件中定义一个按钮:
<button bindtap="jumpToPage">跳转到页面</button>
在js文件中定义跳转函数:
function jumpToPage() {
wx.navigateTo({
url: '/pages/pageName/pageName' // 用你想要跳转的页面名称替换'pageName'
})
}
这样,当用户点击按钮时,就会跳转到指定的页面。希望能帮助到你!