1、打开Sublime text3，新建一个HTML文档，并且建立好框架。
2、输入代码：
<table>
<tr>
<td>Student</td>
<td><input type="text" name="student"></td>
</tr>
<tr>
<td>Height</td>
<td><input type="text" name="height"></td>
</tr>
<tr>
<td colspan=2>
<input type="button" name="add" value="add">
</td>
</tr>
</table>
设立两行文本输入框，并且提示可以增加的按钮。
3、<table id="mainTable">
为标签加上id方便定位。
4、加上监听事件的函数。
onclick="adding()"
然后连接js文档。
<script src="test.js"></script>
5、function adding(){
var table = document.getElementById("mainTable")
var addTr = table.insertRow(2)
}
创建函数，然后设定两个变量。一个用于定位标签位置，另一个增加行数在第二行。测试一下，多次点击确实会往下移动。
6、var addTd = addTr.insertCell()
addTd.innerHTML = "新增"
除了要增加tr还要增加td，并且增加文本提示。
7、稍微修改一下变量名字。再增加文本输入框。
function adding(){
var table = document.getElementById("mainTable")
var addTr = table.insertRow(2)
var td1 = addTr.insertCell()
td1.innerHTML = "新增"
var td2 = addTr.insertCell()
td2.innerHTML = "<input type='text 'name='newnew' >"
}
8、最后就可以看到按钮了。
<html><head>
<script type="text/javascript">
function myLinkFor() {
var newURL = document.getElementById("targetURL").value
window.location.href = "http://" + newURL
}
</script>
</head>
<body>
请输入网址:<input type="text" id="targetURL" /><input type="button" name="myBtn" value="确定" onclick="javascript:myLinkFor()" />
</body>
</html>
JS中confirm,alert,prompt函数<script>
window.alert("确定.")
</script>
window.confirm ： 参数就只有一个.显示提示框的信息.
按确定,返回true 按取消返回false.
<script>
varbln=window.confirm("确定吗?")
alert(bln)
</script>
window.prompt：参数,有两个,
第一个参数,显示提示输入框的信息.
第二个参数,用于显示输入框的默认值.
返回,用户输入的值.
<script>
varstr=window.prompt("请输入密码","password")
alert(str)
</script>
js d出对话框3种方式
对话框有三种
1：只是提醒，不能对脚本产生任何改变；
2：一般用于确认，返回 true 或者 false ，所以可以轻松用于 if...else...判断
3：一个带输入的对话框，可以返回用户填入的字符串，常见于某些留言本或者论坛输入内容那里的插入UBB格式图片
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）