HTML点击按钮调用JS文件或者直接调用JS代码的方法。
如下参考：
1.将这段代码保存到一个文件中，如下图所示。
2.请注意，您可以使用任何文本工具创建js文件，但是在保存它时，您需要将其后缀为.js。
3.将版本js文件保存为index.js。如果我们需要使用index。js。我们只需要调用它，不需要写一个新的js文件。
4.在HTML的头部部分引入js文件，具体代码如下图所示。
5.引用是一个双标签，所以如果没有内容，就必须完全写入。
6.如果你的js是从外部导入的，你不能在中间写js代码。
7.如果需要，您需要重新声明脚本标记，并在标记中编写js代码，如下图所示。
8.javascriptjquery也是一样的规则，你必须在script标签中写代码。随着js文件的引入，你可以简单地在你想要的地方调用它。
用JS实现点击‘提交’
按钮变成
‘继续添加’同时文本框变灰且只可读，
再次点击
‘继续添加’
文本框变回原来可写，按钮变成‘提交’。一直可以循环执行：
var
bbb
=
document.getElementById('btn1')
bbb.onclick
=
function()
{
var
ttt
=
document.getElementById('btn1').value
if
(ttt
==
'提交')
{
isreadonly()
changebutton1()
}
else
if
(ttt
==
'继续添加')
{
readwrite()
changebutton2()
}
}
function
isreadonly()
{
var
obj
=
document.getElementById("in1")
obj.setAttribute("readOnly",
true)
obj.style.backgroundColor
=
"#d2d2d2"
var
obj
=
document.getElementById("in2")
obj.setAttribute("readOnly",
true)
obj.style.backgroundColor
=
"#d2d2d2"
var
obj
=
document.getElementById("in3")
obj.setAttribute("readOnly",
true)
obj.style.backgroundColor
=
"#d2d2d2"
}
function
readwrite()
{
var
obj
=
document.getElementById("in1")
obj.setAttribute("readOnly",
false)
obj.style.backgroundColor
=
"#ffffff"
var
obj
=
document.getElementById("in2")
obj.setAttribute("readOnly",
false)
obj.style.backgroundColor
=
"#ffffff"
var
obj
=
document.getElementById("in3")
obj.setAttribute("readOnly",
false)
obj.style.backgroundColor
=
"#ffffff"
}
function
changebutton1()
{
document.getElementById('btn1').value
=
'继续添加'
}
function
changebutton2()
{
document.getElementById('btn1').value
=
'提交'
}
应用：可将上诉代码中的文字替换，实现其它类型的循环执行。
