js基础精华
1.eval函数应用
---------------------------------------------------------------------------------------------------------
function test2()
{
var b ="var a=3";
eval(b);
alert(a);
//str = "alert('this is a orange')";
//eval(str);
}
{
var b ="var a=3";
eval(b);
alert(a);
//str = "alert('this is a orange')";
//eval(str);
}
---------------------------------------------------------------------------------------------------------
2.解码与转码
---------------------------------------------------------------------------------------------------------
/*
escape字段转码
*/
<script>
function tryescape()
{
var a = document.getElementById("escape");
var b = document.getElementById("textunescape").value=escape(a.value);
}
/*
unescape字段解码
*/
function trytextunescape()
{
var a = document.getElementById("escape");
var b = document.getElementById("textunescape").value=unescape(a.value);
}
</script>
<body>
<h2>escape()函数</h2>
<input type ="text" id="escape">
显示:<input type ="text" id="textunescape">
<input type="button" value="点我" οnclick="escape()"/>
<body>
escape字段转码
*/
<script>
function tryescape()
{
var a = document.getElementById("escape");
var b = document.getElementById("textunescape").value=escape(a.value);
}
/*
unescape字段解码
*/
function trytextunescape()
{
var a = document.getElementById("escape");
var b = document.getElementById("textunescape").value=unescape(a.value);
}
</script>
<body>
<h2>escape()函数</h2>
<input type ="text" id="escape">
显示:<input type ="text" id="textunescape">
<input type="button" value="点我" οnclick="escape()"/>
<body>
---------------------------------------------------------------------------------------------------------
3.获取表单属性
---------------------------------------------------------------------------------------------------------
/*
获取表单属性
*/
function getForElements()
{
var loginForm=document.loginForm;
var array=loginForm.elements;
var message="该表单";
for(var i=0;i<array.length;i++){
message+="第"+(i+1)+"个表单域:type="+array[i].type+",id="+array[i]+id+",
name="+array[i].name+",value="+array[i].value+"<br>";
}
document.getElementById("formElements").innerHTML=message;
}
获取表单属性
*/
function getForElements()
{
var loginForm=document.loginForm;
var array=loginForm.elements;
var message="该表单";
for(var i=0;i<array.length;i++){
message+="第"+(i+1)+"个表单域:type="+array[i].type+",id="+array[i]+id+",
name="+array[i].name+",value="+array[i].value+"<br>";
}
document.getElementById("formElements").innerHTML=message;
}
---------------------------------------------------------------------------------------------------------
4.死链接
---------------------------------------------------------------------------------------------------------
<a href = "javascript:void(0)">死链接</a>
5.
function checkForm()
{
var flag=true;
var longinForm=document.forms[0];
var email=loginForm.elements[0].value;
var pwd=loginForm.elements[1].value;
if(email==""){
alert("sorry,no email");
flag=false;
}
if(pwd==""){
alert("sorry,no paw");
flag=false;
}
if(flag==true){
loginForm.submit();
}
}
<body>
<h1 align="center">form表单对象的onsubmit事件</h1>
<form id="loginForm" name="loginForm" method="get"
action="http://www.baidu.com">
邮箱:
<input type="text" id="email" name="email"/>
<br>
密码:
<input type="password" id="pwd" name="pwd"/>
<br>
<input type="button" value="登录 "οnclick="checkForm()"/>
<input type="reset" value="重置" />
</form>
</body>
5.elements集合
elements 集合可返回包含表单中所有元素的数组。
元素在数组中出现的顺序和它们在表单的HTML 源代码中出现的顺序相同。
每个元素都有一个 type 属性,其字符串值说明了元素的类型。
实例代码图片:
运行结果如下:
弹出四个警告框,分别输出form表单中元素的属性值
6.length(长度)
运行结果为:4(form表单中有元素)
7.form表单的提交方法一(对象事件)
<input type="submit" value="登陆"/>
实例代码图片:
8.form表单的提交方法二(函数)
submit()提交;
reset()重置;
实例代码图片: