js代码 | 易学教程

NO.1 JS基础

阅读更多关于 NO.1 JS基础

基础语法：全称： JavaScript 网页里面的脚本语言非常强大的语言注释语法： /* */多行注释（可注释/*内的东西*/）//单行注释（只注释一行，如有第二行不会被注释）语言：嵌入在网页里面嵌入语言 <body> </body> <script type="text/javascript"> </script> </html> 外部外部文件拿入 <title>无标题文档</title> <script src="Untitled-2.js"></script> </head> <body> </body> </html> 输出语法： alert ：弹出信息 alert("弹出信息");//弹出对话框的输出信息 confirm：选项信息 confirm("是否选项对话框") prompt：输入信息 prompt("输入信息框") console.log：在控制台输出 console.log("这是打印的内容") 程序基本知识: 1、所有的字符全部是英文半角的 2、大部分情况下每条语句结束之后要加分号 3、每一块代码结束之后加还行 4、程序前后呼应（前面有一个括号“（”后面一定有一个括号结束“）”）数据类型：数据在程序中存储，存储的名称叫做变量强类型语言数据存储的时候需要存在相应的数据类型变量中弱类型语言数据存的时候不区分类型（类型自动转换）类型

字符串一些js操作方法

阅读更多关于字符串一些js操作方法

indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。 lastIndexOf() 方法可返回一个指定的字符串值最后出现的位置，在一个字符串中的指定位置从后向前搜索。 substring() 方法用于提取字符串中介于两个指定下标之间的字符。定义和用法 substring() 方法用于提取字符串中介于两个指定下标之间的字符。语法 stringObject.substring(start,stop) 参数描述 start 必需。一个非负的整数，规定要提取的子串的第一个字符在 stringObject 中的位置。 stop 可选。一个非负的整数，比要提取的子串的最后一个字符在 stringObject 中的位置多 1。如果省略该参数，那么返回的子串会一直到字符串的结尾。返回值一个新的字符串，该字符串值包含 stringObject 的一个子字符串，其内容是从 start 处到 stop-1 处的所有字符，其长度为 stop 减 start。说明 substring() 方法返回的子串包括 start 处的字符，但不包括 stop 处的字符。如果参数 start 与 stop 相等，那么该方法返回的就是一个空串（即长度为 0 的字符串）。如果 start 比 stop 大，那么该方法在提取子串之前会先交换这两个参数。提示和注释重要事项：与 slice(

js实现页面自动刷新

阅读更多关于 js实现页面自动刷新

自动刷新页面的实现方法总结: 1) <meta http-equiv="refresh"content="10;url=跳转的页面"> 10表示间隔10秒刷新一次 2) <script language=''javascript''> window.location.reload(true); </script> 如果是你要刷新某一个iframe就把window给换成frame的名字或ID号 3) <script language=''javascript''> window.navigate("本页面url"); </script> 4> function abc() { window.location.href="/blog/window.location.href"; setTimeout("abc()",10000); } 虽说不建议在action中这样写，但是其他方法效果不好的时候也只有这样。刷新本页： Response.Write("<script language=javascript>window.location.href=window.location.href;</script>") 刷新父页： Response.Write("<script language=javascript>opener.location.href=opener

JS中的eval函数

阅读更多关于 JS中的eval函数

1.eval() 函数作用：可以接受一个字符串str作为参数，并把这个参数作为脚本代码来执行。 2.参数情况：（1）如果参数是一个表达式，eval() 函数将执行表达式；（2）如果参数是Javascript语句，eval()将执行 Javascript 语句 3.注意：（如果执行结果是一个值就返回，不是就返回undefined，如果参数不是一个字符串，则直接返回该参数） 4.语法：eval(string)， 5.案例： eval(“var a=1”);//声明一个变量a并赋值1。 eval(“2+3”);//执行加运算，并返回运算值。 eval(“mytest()”);//执行mytest()函数。 eval("{b:2}");//声明一个对象。如果想返回此对象，则需要在对象外面再嵌套一层小括如下：eval("({b:2})"); 注意：使用eval来解析JSON格式字符串的时候，会将{}解析为代码块，而不是对象的字面量 //1.在JSON格式的字符串前面拼接上 “var o =” //2.把JSON格式的字符串使用 ()括起来，就不会将{}解析为代码块，而是表达式 6.函数作用域：eval()函数并不会创建一个新的作用域，并且它的作用域就是它所在的作用域，有时候需要将eval()函数的作用域设置为全局，当然可以将eval()在全局作用域中使用，这个时候可以用window

异步加载和js时间线

阅读更多关于异步加载和js时间线

同步模式，又称阻塞模式，会阻止浏览器的后续处理，停止后续的解析，只有当当前加载完成，才能进行下一步操作。所以默认同步执行才是安全的。但这样如果js中有输出document内容、修改dom、重定向等行为，就会造成页面堵塞。所以一般建议把 < script > 标签放在< body>结尾处，这样尽可能减少页面阻塞。异步在加载的过程中产生一个子进程去加载当前程序，自己去执行下一个程序特点：单线程的异步就是多线程，只不过用异步的方式表现出来了异步加载的三种方式第一种方式： < script defer = "defer" > < / script > 第二种方式：（只能加载src中的脚本，不能把代写在script标签中） < script async = "async" src = "js/logo.js" > < / scipt > 注意：不要在这里写代码第三种方式：除了以上两种方法，还有一种兼容自己封装的异步加载方式，即动态添加script标签也能实现异步加载。 < script > //异步的过程 var script = document . createElement ( "script" ) ; script . src = "js/logo.js" ; document . head . appendChild ( script ) ; < / script >

Jquery 日期控件

阅读更多关于 Jquery 日期控件

JQuery是一款非常优秀的脚本框架，其丰富的控件使用起来也非常简单，配置非常灵活。下面做一个使用日期插件datapicker的例子。 1、下载jQuery核心文件就不用说了吧，datepicker是轻量级插件，只需jQuery的min版本就行了，然后到官网 http://jqueryui.com/download 下载jquery-ui压缩包（可以选择喜欢的theme），里面就包含对datepicker的支持，当然您也可以网站 http://marcgrabanski.com/pages/code/jquery-ui-datepicker 下载datepicker，包括ui.core.js和ui.datepicker.js。 2、在HTML中引用下载下来的js文件： // /jquery-1.5.1.min.js // js/jquery.ui.core.js // js/jquery.ui.datepicker.js 3.在HTML中引入默认样式表文件，这个文件在ui压缩包中。如果在官网下载，首页就有这个CSS文件下载，也可选择其他皮肤的CSS。 // jquery-ui-1.8.13.custom.css 4.在HTML中插入文本域，最好设置成只读，不接受用户的手动输入，防止格式混乱，以id标记好。 < input type= "text" id= "selectDate"

JQuery日期插件datepicker的使用

阅读更多关于 JQuery日期插件datepicker的使用

1. jQuery 是一款非常优秀的脚本框架，其丰富的控件使用起来也非常简单，配置非常灵活。下面做一个使用日期插件datapicker的例子。 1、下载jQuery核心文件就不用说了吧，datepicker是轻量级插件，只需jQuery的min版本就行了，然后到官网 http://jqueryui.com/download 下载jquery-ui压缩包（可以选择喜欢的theme），里面就包含对datepicker的支持，当然您也可以网站 http://marcgrabanski.com/pages/code/jquery-ui-datepicker 下载datepicker，包括ui.core.js和ui.datepicker.js。 2、在HTML中引用下载下来的js文件： [xhtml] view plain copy  < mce:script src= "js/jquery.1.4.2.js" mce_src= "js/jquery-1.5.1.min.js" type= "text/ JavaScript " > </ mce:script >  < mce:script src= "js/jquery.ui.core.js" mce_src= "js/jquery.ui.core.js"

js函数(续)

阅读更多关于 js函数(续)

一、全局变量和局部变量全局变量：当前js页面中均可使用的变量【声明在函数外面的变量】,整个js页面中均可以使用。局部变量：声明在函数内部的变量,只能在函数内部使用。 eg: var a = 1; console.log(a); function test(){ console.log(a); //1 var b = 2 // c = 3; //c变量为全局变量，它的声明提前了【在页面的开始声明】 console.log(b); //2 } console.log(b); //错误提示：b is not defined 二、函数的使用函数作为函数的参数使用：(可以作为回调函数使用) eg: function test(fun){ var msg = '我是test()函数中的变量msg'; fun(msg); } //函数test的调用 test(function(param){ console.log(param); //输出：我是test()函数中的变量msg }); 函数作为返回结果来使用： eg: function test(){ return function(){ console.log('我是test()函数的返回函数中的输出语句'); }; } //函数test的调用 test(); //test();的返回值为：function(){console

select 默认值

阅读更多关于 select 默认值

一般情况下下拉选择框的默认值都是第一个，比如下面这个代码的默认值肯定是“红色”： <select> <option value="红色">红色</option> <option value="绿色">绿色</option> <option value="蓝色">蓝色</option> </select> 那么如果我们想自定义option的默认值应该怎么写呢？其实借助JS很容易实现，比如可以根据option的值来实现： <select> <option value="红色">红色</option> <option value="绿色">绿色</option> <option value="蓝色">蓝色</option> </select> <script> document.getElementsByTagName_r("select")[0].value="绿色"; </script> 再比如根据option值的顺序来实现（当然是前者更好一些）： <select> <option value="红色">红色</option> <option value="绿色">绿色</option> <option value="蓝色">蓝色</option> </select> <script> document.getElementsByTagName_r("option")(1)

Ajax清除浏览器js、css、图片缓存的方法

阅读更多关于 Ajax清除浏览器js、css、图片缓存的方法

做东东时都是把图片在服务器的地址存放在数据库里面，然后到浏览器中显示，但是后来发现了两个问题。第一：为了安全起见， js 是无法读取本地的图片的，不然你写一个js，岂不是可以获取任何人电脑里面的文件了。第二：图片存在的是在服务器的硬盘上面，而不是在客户的硬盘里面，所以也是取不到的后来在网上找方法，找的方法，都是各种转换二进制到xml中，的各种高大上的答案，然后本人又实在太懒了，就自己想了一个方法，就是利用 BufferedImage 这个类。开始首先说说我的思路，就是把本地的图片，加载到内存中，然后放到 BufferedImage 这个缓冲流中，然后利用 ImageIO.write()，这下大家都估计想得到一种思路了，但是如果说 ajax ，得到的数据，估计还是啥个乱七八糟的啥吧！没关系，稍后介绍。工具类首先建立一个加载图片的工类具，把一个图片的地址当参数存进去，得到这个图片的缓冲流： /** * 根据图片的地址，返回图片的缓冲流 * @param addr * @return */ public static BufferedImage getInputStream(String addr){ try { String imgPath = addr; BufferedImage image = ImageIO.read(new FileInputStream

订阅 js代码