小仙女-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);
}
{
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>
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;
}
获取表单属性
*/
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()重置;
实例代码图片:
阅读全文
0 0
- 小仙女-js基础精华
- 小仙女-Jquery基础
- 小仙女-mybatis基础
- 小仙女 html、css、js基础Java实训05
- 小仙女—快速入门javescript基础
- 小仙女-jquery 、ajax、jsp基础
- 天生丽质小仙女java实训笔记基础00
- 天生丽质小仙女 jdbc servlet基础用法下
- js基础精华01
- js基础精华02
- js基础精华03
- js基础精华04
- js基础精华05
- 小仙女大梦想
- 小仙女是谁???
- js基础精华 讲解、、、()
- 小仙女发展副业!!!python爬虫
- 小仙女 快速学会登陆注册
- 一起做RGB-D SLAM(1)
- 顺序表
- 理解javascript闭包
- jackson注解
- 说说 canvas 的基本用法
- 小仙女-js基础精华
- html拾遗
- Java定时任务调度工具详解之Quartz篇
- yum-本地源设置、更改源配置
- CentOS7安装部署MySql5.7.15
- ORACLE 语句字段含有数字,按数字排序
- KANO模型以及产品经理的素质模型
- 洛谷 P1908 逆序对
- 测试