有2种如果js代码块不多，你可以直接在本页面写
<script type="text/javascript">编写你的js代码</script>如果js代码偏多你可以新建一个.js文件在html页面引用这个js文件
<script src="文件的路径"></script> <!DOCTYPE html><html>
<head>
<title>乘法表</title>
<meta charset="UTF-8"/>
<style>
table{
border-collapse:collapse
}
td{
text-align:center
border:1px solid green
padding:2px 8px
}
</style>
<script>
function mulTable(){
var text=document.getElementById("text")
var n=parseInt(text.value)
if(isNaN(n)){
alert("请输入0-9的数字")
return
}
if(n<1||n>9){
alert("请输入0-9")
return
}
var table=document.getElementById("table")
table.innerHTML=""
var i,j,tr,td
for(i=1i<=ni++){
tr=document.createElement("tr")
table.appendChild(tr)
for(j=1j<=nj++){
td=document.createElement("td")
tr.appendChild(td)
td.innerHTML=j+"*"+i+"="+(i*j)
if(i==j){
break
}
}
}
}
</script>
</head>
<body>
<label>请输入阶数</label>
<input id="text" type="text">
<button type="button" onclick="mulTable()">打印乘法表</button>
<table id="table"></table>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）