小仙女-js基础精华

来源:互联网 发布:淘宝客优惠券口令推广 编辑:程序博客网 时间:2024/06/02 17:10

                                  js基础精华



1.eval函数应用

---------------------------------------------------------------------------------------------------------

function test2()
{
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="点我" onclick="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;
}
---------------------------------------------------------------------------------------------------------
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="登录 "onclick="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()重置;

实例代码图片: