小M开发_JS_day0713
来源:互联网 发布:淘宝宝宝棉绸布料 编辑:程序博客网 时间:2024/04/30 17:14
JS
- javascript的引用方式:
- 外部引用
<script type="text/javascript"src="plugin/jQuery/jquery-1.7.1.min.js"></li>
<li></script>
- 内部标签
<script type="text/javascript" rel="stylesheet/>
/*这里是JavaScript的内容*/
</script>
- 外部引用
- 函数
- eval()函数(eval()将里面的参数转换成js代码 )
- escape()函数(将参字符转码)
- unescape()函数(将参字符解码)
<script type="text/javascript"> /*eval()将里面的参数转换成js代码 */ function testEval(){ var test="var testEval ='我是Eval'"; eval(test); document.getElementById("EVAL").innerHTML="testEval"; } /*escape()将里面的参数转码 */ function testEscape(){ var test="我要转码 "; document.getElementById("ESCAPE").innerHTML=escape(test); } /*unescape()将里面的参数解码 */ function testUnEscape(){ var test="%u6211%u8981%u8F6C%u7801%20 "; document.getElementById("UNESCAPE").innerHTML=unescape(test); }</script><body> <p>this is Tursday</p> <hr/> <div id ="EVAL"></div> <button onclick="testEval()">testEval(eval()将里面的参数转换成js代码 )</button> <hr/> <div id ="ESCAPE"></div> <button onclick="testEscape()">testEscape(将参字符转码)</button> <hr/> <div id ="UNESCAPE"></div> <button onclick="testUnEscape()">testEscape(将参字符解码)</button> <hr/></body>
效果图:
- A标签的死链接
<a href ="javascript:void(0)" >我是死链接(可以当button用)</a>个了<!--如果在里面触发onclick时间就可以和button功能一样了-->
- form-submit(提交)
<script> function testSubmit(){ var name = $("#name").val(); var password = $("#password").val(); if(name==""||password==""){ return false; } return true; }</script><body><!--onsubmit="return testSubmit()"提交后会判断如果返回值为false的话就不会提交给action的url--> <form action="" method="get" name="login" onsubmit="return testSubmit()"> <input typ="text" name="inputname" id= "name"/> <input typ="password" name="inputpwd" id="password"/> <input type="submit" value="submit"/> </form></body>
效果图:
提交失败:
提交成功:
注意:onsubmit在提交前会检查返回值,如果是false就不会提交给action的url
<script> function testYanZheng(){ var flag =true; var formm =$("#formm"); var name = $("#name").val(); var password = $("#password").val(); if(name==""){ flag=false; } if(password==""){ flag=false; } if(flag==true){ formm.submit(); } }</script><body> <form action="http://www.baidu.com" method="get" name="login" id="formm"> <input typ="text" name="inputname" id= "name"/> <input typ="password" name="inputpwd" id="password"/> <input type="button" value="submit" onclick="testYanZheng()"/> <select> <option>请选择</option> <option>成都</option> <option>绵阳</option> </select> <input type="checkbox" checked="checked"/> <input type="checkbox" /> <input type="checkbox" /> <input type="radio" value="nan" checked="checked" name="sex"/> <input type="radio" value="nv" name="sex"/> <input type="reset" value="重置"/><!--会清除填写的但还没提交的--> </form></body>
这个写法和上面结果是一样的
阅读全文
1 0
- 小M开发_JS_day0713
- 小M开发_java_dya20170627
- 小M开发_jsp_Servlet_day170704
- 小M开发_JSP_day170705
- 小M开发_JSP_day170706
- 小M开发_JS_day170710
- 小M开发_JS_day0711
- 小M开发_JS_day170712
- 小M开发_JQuery_day0714
- 小M开发_java零基础
- 小M开发_MySql绿色安装
- 小M开发_MySql零基础_day170628
- 小M开发_MySQL零基础_day170629
- 小M开发_MySQL续_JS_day170630
- 小M开发_java零基础_dya170703
- 小M开发_框架MyBatis_day0724
- 小M开发_框架Struts2_day20170731
- 小M开发_java零基础(字母金字塔案例)
- c/c++整理--重载运算符
- Javaweb记录日志到数据库和文件中
- 014 Python语法之文件与异常
- openGL 3D图形和openGL简介
- Eclipse安装svn插件的几种方式
- 小M开发_JS_day0713
- 协程的实现原理
- 类方法和对象方法的区别
- java 继承与组合
- 前端学习笔记-Gulp的使用
- Tensorflow中的变量初始化函数
- GPS的决斗Dueling GPS's
- 多线程的两种方式
- Android 双缓冲画图板,有实现Menu菜单部分