1系统函数
(1)parseInt
parseInt函数将字符串转换为整数。它从字符串的开头开始解析,在第一个非整数位置停止解析并返回前面读到的所有整数。如果字符串不是以整数开头,将返回NaN(Not a Number:非数字值)。
(2)parseFloat
parseFloat()函数和parseInt()函数类似,只不过它是返回一个浮点数
(3)isNaN
isNaN() 函数用于判断参数是否是NaN(不是数字)。如果是 NaN, 那么 isNaN 函数返回 true ,否则返回 false。
计算输入两个文本框的数字之和。在两个文本框都修剪了左右两边的空格,仍输入了数据的前提下,验证输入的是否是数值字符串,如果是,把两个数据之和显示在第三个文本框,反
之,则给予错误提示。
function calc(){
var ElementById("op1").value;
var num2 = ElementById("op2").value;
if (im()!= "" && im() != "") {
if (!isNaN(num1) && !isNaN(num2)) {
ElementById("result").value = parseFloat(num1) + parseFloat(num2);
} else {
alert("请输入正确的数值");
}
} else {
alert("请输入两个操作数");
}
}
根据id属性获取文本框后,使用其value属性进一步得到内容
trim():修剪空格
弹出消息框
(4)eval()
运行以字符串形式表示的javascript代码串,并返回执行代码串后的结果。
例子:计算用户输入在文本框的表达式的计算结果。
2 事件与处理程序的绑定
(1)在事件源对象所对应的html标签上增加一个要处理的事件属性,让事件属性值等于处理该事件的函数名或程序代码。
当单击段落时,文本的大小改成30px
function changeSize(){
var ElementById("txt");
obj.style.fontSize="30px";
}
......
<p id="txt" onclick="changeSize()">事件与处理程序的绑定</p>
2)用匿名函数来简化,即事件名=function(){…}。
<script type="text/javascript">
ElementById("txt").onclick=function(){
this.style.fontSize="30px";
};
</script>
onclick事件
鼠标单击页面元素时触发的事件
function showGender(obj){
alert("您选择的性别是:"+obj.value);
}
......
性别:<input type="radio" name="gender" value="男" onclick="showGender(this)"/>男
<input type="radio" name="gender" value="女" onclick="showGender(this)"/>女
onload和onunload事件
onload 事件会在页面加载完成后立即发生
用户关闭或刷新网页时触发onunload事件
设置window对象的status属性表示显示在浏览器状态栏上的文本
<script type="text/javascript">
load=function(){
window.status=“欢迎来到淘淘网";
}
</script>
<body onunload="alert('触发了onload事件')">
</body>
onblur事件
onblur事件是指光标或者焦点离开元素后触发的事件
验证用户输入的密码长度是否在6位以上。
<p>请输入密码:<input type="password" id="txtPwd" onblur="checkPwd()"/></p>
......
function checkPwd(){
var ElementById("txtPwd").value;
if(pwd.length>=6){
htmlbutton属性 alert("密码输入正确");
}else{
alert("密码的长度必须在6位以上");
}
}
onchange事件
onchage事件通常指输入框的值发生了变化或者改变下列列表框的选项会触发onchange事件。
在下拉列表框中选中友情链接后,窗口打开指定的页面。
window对象open方法的功能是打开新窗口并载入给定URL的文档
<select onchange="changeLink(this)">
<option value="请选择">请选择</option>
<option value="www.letv/">乐视网高清</option>
<option value="sports.sina/">新浪体育</option>
</select>
.......
function changeLink(obj){
var site=obj.value;
if(site!="请选择"){
window.open(site);
}
}
onmouseover和onmouseout事件
onmouseover和onmouseout事件是指鼠标移入、移出页面元素时触发的事件。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论