js绑定html中的变量的值，js链接html

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

javascript用html给变量赋值

通过HTML的各种Dom事件，比如点击，获取焦点等，这些事件是能绑定JavaScript函数的，在JavaScript函数里可以获取Dom元素比如文本框中的值，再把值赋值给JavaScript文件中的变量即可。

电脑、html编辑器、浏览器。首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。在index.html中的script标签，输入js代码：$(#txt).val(添加值)；$(#txt).attr(data， test)；。浏览器运行index.html页面，此时input元素成功被添加了值和属性。

value=10 / input type=button id=btnSub value=提交 onclick=setValue() / /div /form /body /html 点击“提交”按钮，文本框内的值将会赋给head/head标签内脚本变量 t 。你可以将此代码复制到文本文件里然后另存为.html，打开.html文件进行测试。

相关问答

Q1: 求教大神,html里面可以用js里面的变量值吗?

1、在js标签内，通过length属性获得数组arr的长度，即元素的个数，主要用于for语句中限制循环的次数。在js标签内，定义一个变量html，使用for循环遍历arr数组，每次读取数组元素，将元素值与p标签组合，用于实现在页面出来。

2、首先我们选择创建一个新的html5页面并完成初始化代码。创建两个新的输入标记，一个用于用户输入变量，另一个用于用户更改变量的值。编写脚本标记，将js代码写入内部，我们通过js获得两个输入标记元素。执行按钮标记的click事件功能，也就是说，当用户单击“加一”按钮时，将调用此函数。

3、通过HTML的各种Dom事件，比如点击，获取焦点等，这些事件是能绑定JavaScript函数的，在JavaScript函数里可以获取Dom元素比如文本框中的值，再把值赋值给JavaScript文件中的变量即可。

4、常规做法并不是直接“使用”，而是以插入的方式，显示到html的内容里。

Q2: html中显示js中定义的变量的值并把它放在页面中想要的位置

首先我们选择创建一个新的html5页面并完成初始化代码。创建两个新的输入标记，一个用于用户输入变量，另一个用于用户更改变量的值。编写脚本标记，将js代码写入内部，我们通过js获得两个输入标记元素。

常规做法并不是直接“使用”，而是以插入的方式，显示到html的内容里。

你可以用alert()来显示，弹出一个提示窗口。你也可以用innerHTML来显示，显示在页面的某的地方的。

首先，打开html编辑器，新建html文件，例如：index.html，填写问题基础代码。在index.html中的script标签，输入js代码：$(#txt).val(测试内容)；。

不是alert不好用。是你调错了参数。你如果在那里加alert相当于现实你获得的元素而不是值。

在JavaScript函数里可以获取Dom元素比如文本框中的值，再把值赋值给JavaScript文件中的变量即可。

Q3: js如何拼接多个变量的值

js拼接多个变量的值的方法：在html代码中需要加入某个变量，通过单引号双引号拼接。通过转义字符拼接。

var shouji=1， benzi=1， danao=1， dandan=1；var toltol=shouji+benzi+danao+dandan；document.write(toltol)； /HTML 当然，document.write(toltol)；也可以写成 alert(totol) 那么会跳出一个信息窗显示。

在JS中，使用单引号和双引号都是可以的，只要成对使用就行。

简单的代码实现：var a = 123；alert(+a+)；只需要使用连字符+进行连接就可以了，这样变量就可以再里面生效了。

首先打开vs code编辑器，然后创建一个html页面。创建一个input的标签，添加一个id，命名为“txt”，值为“你好”。添加script标签，然后写入相关的js代码，如下图。代码写完之后在空白处点击右键，选择Open In Default Broswer。

如果你想在事件处理函数外部引用事件处理函数中的变量值，你可以采用以下方法：将变量提升到外部作用域：如果你希望在多个函数中共享某个变量，可以将这个变量放在外部作用域中。这样，在事件处理函数内部和外部其他函数中都可以访问这个变量。

Q4: 如何在html页面中使用js变量

先新建一个html文件，命名为test.html。在test.html文件内，使用div标签创建一个模块，并设置其id为outinput，主要用于下面通过该id获得div对象。在js标签内，定义一个数组arr，数组内定义三个元素，分别为“测试一”，“测试二”，“测试三”。

不能简单是把js变量加在herf里，没有这种操作的。要实现动态改变herf内容，有很多方法，第一种方法：scripttype=text/javascript document.write(ahref=+liyi+超链/a)；/script 将上面代码放到a标签的位置。

常规做法并不是直接“使用”，而是以插入的方式，显示到html的内容里。

Q5: html怎么赋值给js文件里的变量?

/html 点击“提交”按钮，文本框内的值将会赋给head/head标签内脚本变量 t 。你可以将此代码复制到文本文件里然后另存为.html，打开.html文件进行测试。

首先创建一个文件夹，这个文件夹有一个js文件夹和一个html文件。js文件夹用来存放需要引入的js文件。打开html文件，在html文件上找到body，在body标签里创建一个按钮标签，然后给这个标签添加一个点击addJs事件。在js文件夹下创建一个js文件为addJs.js。

首先我们选择创建一个新的html5页面并完成初始化代码。创建两个新的输入标记，一个用于用户输入变量，另一个用于用户更改变量的值。编写脚本标记，将js代码写入内部，我们通过js获得两个输入标记元素。执行按钮标记的click事件功能，也就是说，当用户单击“加一”按钮时，将调用此函数。