脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-Web开发技巧之javascript学习，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。

1、一维数组

声明数组——VAR myarray=new Array();

数组赋值——第一种方法：myarray[0]=1;

myarray[1]=2

......................

第二种方法：var myarray = new Array(66,80,90,77,59);//创建数组同时赋值

第三种方法：var myarray = [66,80,90,77,59];//直接输入一个数组（称 “字面量数组”）

获取数组长度——myarray.length;

这里注意：var arr=[98,76,54,56,76]; // 包含5个数值的数组
document.wrITe(arr.length); //显示数组的长度5
arr[15]=34; //增加元素，使用索引为15,赋值为34
alert(arr.length); //显示数组的长度16

2、二维数组

声明数组的两种方法：

第一种：var myarr=new Array(); //先声明一维
for(var i=0;i<2;i++){ //一维长度为2
myarr[i]=new Array(); //再声明二维
for(var j=0;j<3;j++){ //二维长度为3
myarr[i][j]=i+j; // 赋值，每个数组元素的值为i+j
}
}

第二种：var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3, ]]

3、事件响应

eg:

&nbsp;

<script tyPE="text/javascript">
function openwin(){
window.open('https://www.imooc.COM','_blank','height=600,width=400,top=100,toolbar=no,left=0,menubar=no,scrollbars=no,status=no');}
</script>

 

 

4、对象

数组对象——上文有介绍

数组对象方法：

 

Date日期对象：

var Udate=new Date();或者var d = new Date(2012, 10, 1); 或者var d = new Date(&#39;Oct 1, 2012'); //2012年10月1日

方法：

String 字符串对象：

 

String方法

方法描述	用法	举例
可返回指定位置的字符。返回的字符是长度为 1 的字符串。	stringObject.charAt(index) 注：index不可为空，范围在0~stringObject.length-1	<script type="text/javascript"> var mystr="I love JavaScript!" document.write(mystr.charAt(2)); </script> 输出结果： l
返回某个指定的字符串值在字符串中首次出现的位置。	stringObject.indexOf(substring, startpos) 注：substring为想要检索的字符 startpos检索起始位置，可选项，无则默认从stringObject起始 位置查找。	<script type="text/javascript"> var str="I love JavaScript!" document.write(str.indexOf("I") + " "); document.write(str.indexOf("v") + " "); document.write(str.indexOf("v",8));――从第8个位置开始检索 </script> 输出结果： 0 4 9
将字符串分割为字符串数组，并返回此数组。	stringObject.split(separator,limit) 注：separator必需，从该参数指定的地方分割stringObject. limit,可选项，限定分割次数	var mystr = "www.imooc.com"; document.write(mystr.split(".")+" "); document.write(mystr.split(".", 2)+" "); 输出结果： www,imooc,com www,imooc
提取字符串中介于两个指定下标之间的字符。	stringObject.substring(starPos,stopPos) 注：starPos必需，非负整数，表明开始位置。 stopPos可选，非负整数，缺省时默认到字符串对象结尾。	<script type="text/javascript"> var mystr="I love JavaScript"; document.write(mystr.substring(7)); document.write(mystr.substring(2,6)); </script> 输出结果： JavaScript love
从字符串中提取从 startPos位置开始的指定数目的字符串。	stringObject.substr(startPos,length) 注：starPos必需，要提取的子字符串的起始位置。 length可选，标明提取字符串的长度。缺省时，表示到字符串对象末尾。如果参数startPos是负数，从字符串的尾部开始算起的位置。	<script type="text/javascript"> var mystr="I love JavaScript!"; document.write(mystr.substr(7)); document.write(mystr.substr(2,4)); </script> 输出结果： JavaScript! love

 

Math对象：固有对象，无需额外创建。

Math对象属性：

Math对象方法：

window对象之计时器

计时器类型：

一次性计时器：仅在指定的延迟时间之后触发一次。
间隔性触发计时器：每隔一定的时间间隔就触发一次。

<script type="text/javascript">
var num=0;
function startCount() {
document.getElementById('count').value=num;
num=num+1;
var delayT=setTimeout(startCount,1000)
}
setTimeout(startCount,0);
</script>

 

window对象的计时器方法

计时器方法	语法格式	代码举例	备注
setInterva 从载入页面后每隔指定的时间执行代码	setInterval(代码，时间间隔) 代码：要调用的函数或要执行的代码串。 时间间隔：毫秒为单位	调用函数格式(假设有一个clock()函数): setInterval("clock()",1000) 或setInterval(clock,1000)	间隔性触发计时器
clearInterval 取消由 setInterval() 设置的交互时间	clearInterval(id_of_setInterval) id_of_setInterval：由 setInterval() 返回的 ID 值。	var i=setInterval("clock()",100); clearInterval(i)
setTimeout 在载入后延迟指定时间后,去执行一次表达式,仅执行一次。	setTimeout(代码,延迟时间); 代码：要调用的函数或要执行的代码串。 延迟时间：毫秒为单位	使用setTimeout()实现计数统计效果	一次性计时器
clearTimeout 取消setTimeout() 的设置	clearTimeout(id_of_setTimeout) id_of_setTimeout：由 setTimeout() 返回的 ID 值。	var i=setTimeout("clock()",100); clearTimeout(i)

 

history对象：记录了用户曾经浏览过的页面(URL)，并可以实现浏览器前进与后退相似导航的功能。

window.history.[属性|方法]，其中window可省略

history对象的属性：

length——返回浏览器历史列表中的URL数量

history对象方法：

back()——加载history列表中的前一个URL,=go(-1)

forward()——加载history列表中的下一个URL,等价点击前进按钮。=go(1)

go(number)——加载history列表中的某个具体的界面

location对象：获取或设置窗体的URL，并且可以用于解析URL

location.[属性|方法]

location对象属性图示:

location 对象属性：

location 对象方法:

 

navigator对象：包含有关浏览器的信息，通常用于检测浏览器与操作系统的版本。

对象属性:

 

screen对象：获取用户的屏幕信息

window.screen.属性，window可省略不写

网页尺寸等设计——https://www.cnblogs.com/fullhouse/Archive/2012/01/16/2324131.htML

 

觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！ js脚本，巧夺天工，精雕玉琢。小宝典献丑了！

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-Web开发技巧之javascript学习全部内容，希望文章能够帮你解决javascript代码实例教程-Web开发技巧之javascript学习所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。