JavaScript(1)知识点
1 在html文件中插入js
<script type='text/javascript' language='javascript'>
function gotoPageNow() {
var pageNow = document.getElementById('pageNow').value;
window.alert(pageNow);
//window.open('/UserManager/ManageUsers?pageNow='+pageNow, '_self');
}
function confirmOper() {
return window.confirm('真的要删除该用户吗?');
}
</script>
<!-- 对应的HTML -->
<input type="text" id = 'pageNow' name="username">
<input type="button" onclick="gotoPageNow()" value="提交" />
<tr><td>
<a onClick='return confirmOper()' href='/UserManager/DelClServlet?id=" + u.getId() + "'>删除用户</a>
</td></tr>
<%-- js界面跳转 -->
<script type="text/javascript">
function goSubmitOrder() {
window.location.href="/myshopping/SubmitOrderServlet";
}
</script>
------------------
<input type="button" value="确认订单" onclick="goSubmitOrder()">
2 在html中引入外部js文件方法
<scripth>
的各个属性:
async:可选。表示应该立即下载脚本,但不应妨碍页面中的其他操作,比如下载其他资源或等待加载其他脚本。只对外部脚本有效。
charset:可选。表示通过src属性指定的代码的字符集。由于大多数浏览器会忽略它的值,因此这个属性很少有人用。
defer:可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。只对外部脚本有效。
language:已废弃。
src:可选。表示包含要执行代码的外部文件。
type:可选。可以看成是language的替代属性;表示编写代码使用的脚本语言的内容类型(也称为MIME类型)。
<script type="text/javascript" src="文件路径/js1.js"></script>
3 独立js文件编写
// 验证用户输入是否为空
function checkNum(){
// 获取到nums的值
// html中id为num1 的 标签 :<input type="text" id="num1" name="num1" />
var num1 = document.getElementById("num1").value;
var num2 = document.getElementById("num2").value;
if(num1=="" || num2=="") {
window.alert("输入不能为空");
return false;
}
// js的正则表达式
// var reg = /^[1-9]\d*(\.[0-9]+)?$|^0$/gi; // g表示全局
var reg = /^[1-9]\d*(\.[0-9]+)?$|^0$/i;
if(!reg.test(num1) || !reg.test(num2)) {
window.alert(num2.constructor);
window.alert(num1 + " " + num2 + " 您输入的不是一个数");
return false;
}
}
设置js文件的编码格式:
4 在js文件中引入另一个js文件
// src路径为one.js和使用这个js的html文件的相对路径
document.write("<script language='javascript' src='one.js'></script>");
还没有评论,来说两句吧...