脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-JavaScript基础概念:数组定义及创建,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。
JavaScript基础概念:数组定义及创建。
1.数组
js中的数组更像是java中的集合
使用步骤1.创建数组(类似javaArrayList)
VAR arr=new Array();
2.打印数组元素个数
document.wrITe(arr.length)
3.向数组添加元素
arr[0]=10;
arr[1]=100;
arr[2]=”abc”
arr[3]=”xxx”
arr[4]=3.5
4.遍历数组
2.创建数组
var arr2=["haha","heihei","xixi",20,true]
3.创建数组
var arr3=new Array("abc","rew")
数组的其他方法
join() 将数组转为字符串
sort() 使用字典顺序排序
push()向数组中添加元素
也可以像map
1.创建数组(类似java map)
var arr=new Array()
arr[“cn”]=”中国” 数组长度为0 cn uk us 相当于属性
arr[“uk”]=”英国”
arr[“us”]=”美国”
2.遍历arr 使用for in遍历
for(var i in arr) i不是数组中的数据而是下标
单个输出 document.write(arr.cn)
比较运算符
== number String number转成String
=== 不会类型转换
if(num) {}//使用变量作为条件 只要赋值了就是true 没有赋值就是undefined或null
如果num没有被声明 会出现异常
if(window.xxx) 注意:window没有xxx属性,会给他这个
属性但是没有赋值 为false
for(var i=1;i<5;i++) i给window
alert提示窗口,警告框
prompt输入窗口 啥也不输入是空字符串
NaN not a number
系统函数
parseInt()
“12px”部分转换即为数字12转换成功
isNaN判断数字是不是一个数字 是数字为false
自定义函数:
1.1.无参无返回值的函数
function show(){document.write(“无参无返回值”); }
1.2.调用
show();
2.1带参数无返回值
function add(num1,num2){}
2.2调用
add(1,2);
3带参数带返回值
function add(num1,num2){return num1+num2 }
调用 var num=add(10,10)
4.定义匿名函数
var f=function(){ document.write(“这是匿名函数”)}
f();
5作用域
function q()
{
v=10; 全局给window
}
全局变量相当于window一个属性
6.常用事件
event.keyCode 48–57 限制数字
BOM 浏览器对象模型
提供独立于内容的,可以与游览器窗口进行互动的对象结构
BOM可以实现的功能:1.弹出新的浏览器窗口 2移动,关闭游览器窗口一季调整窗口的大小
3.页面的前进,后退
window>history document location
window对象的常用属性 history:有关客户访问过的URL的信息
location:有关当前URL的信息
window对象的常用方法
alert( ) 显示带有一个提示信息和一个确定按钮的警示框
confirm( ) 显示一个带有提示信息、确定和取消按钮的对话框
close( ) 关闭浏览器窗口
oPEn( ) 打开一个新的浏览器窗口,加载给定 URL 所指定的文档
setTimeout( ) 在指定的毫秒数后调用函数或计算表达式
setInterval( ) 按照指定的周期(以毫秒计)来调用函数或表达式
window.location=”url” 访问一个网站
document.referrer 获取访问网站URL
confirm()与alert ()、 prompt()区别
?alert( ):一个参数,仅显示警告对话框的消息,无返回值,不能对脚本产生任何改变
?prompt( ):两个参数,输入对话框,用来提示用户输入一些信息,单击“取消”按钮则返回null,单击“确定”按钮则返回用户输入的值,常用于收集用户关于特定问题而反馈的信息
?confirm( ):一个参数,确认对话框,显示提示对话框的消息、“确定”按钮和“取消”按钮,单击“确定”按钮返回true,单击“取消”按钮返回false,因此与if-else语句搭配使用
history对象的常用方法
back() 加载 history 对象列表中的前一个URL
forward() 加载 history 对象列表中的下一个URL
go() 加载 history 对象列表中的某个具体URL
location对象
host 设置或返回主机名和当前URL的端口号
hostname 设置或返回当前URL的主机名
href 设置或返回完整的URL
reload() 重新加载当前文档
replace() 用新的文档替换当前文档
Document对象的常用属性
referrer 返回载入当前文档的URL 判断来访问的网站是否为本站域名下的
URL 返回当前文档URL
Document对象的常用方法
名称 说 明
getElementById() 返回对拥有指定id的第一个对象的引用
getElementsByName() 返回带有指定名称的对象的集合
getelementsbytagname() 返回带有指定标签名的对象的集合
write() 向文档写文本、HTML表达式或JavaScript代码
动态改变层,标签中的内容 innerHTML
JavaScript内置对象
Array String Date Math
Math.floor(Math.random()*98+2) 返回值范围是2~99
定时函数 清除函数
setTimeout(“调用的函数”,”等待的毫秒数”) 执行一次 clearTimeout
setInterval` 每隔相同时间就执行一次不断执行 clear Interval
节点获取会把空格换行算进去
节点属性
个人
childNodes 返回子节点集合,childNodes[i]
FirstChild 返回节点的第一个子节点,最普遍的用法是访问该元素的文本节点
lastChild 返回节点的最后一个子节点
nextSibling 下一个节点
previousSibling 上一个节点
firstChild 最常用于获取该元素的文本节点
element属性
firstElementChild 返回节点的第一个节点,最普遍的用法是访问该元素的第一个元素节点
lastElementChild 返回节点的最后一个元素子节点
nextElementSibling 下一个元素节点
previousElementSibling 上一个元素节点
节点信息
nodeName 节点名称
nodeValue 节点值 元素 1 属性 2 文本3 注释 8 文档 9
nodeType 节点类型
操作节点的属性
getAttribute(“属性名”,”属性值”)
创建和插入节点
createElement(tagname)创建一个标签名为tagName的新元素节点
A.appendChild(B) 在A节点末尾追加B节点
insertBefore(A,B) 把A节点插入到B节点之前
cloneNode(deep) 复制某个指定的节点 克隆的只是标签内容并不能克隆
删除和替换节点
removeChild(node) (先获取父元素) 删除指定节点 第二种 自己删除自己 remove()
replaceChild(newNode,oldNode) 用其他的节点替换指定的节点
Style属性 只能获取行内样式
获取到元素.style.属性=
classname 样式名称
tagName 标签名
textContent 文本内容
contructor 构造器
innerHTML
innerText
value 获取文本框和下拉框的值
getComputedStyle( , )
觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!
以上是脚本宝典为你收集整理的javascript代码实例教程-JavaScript基础概念:数组定义及创建全部内容,希望文章能够帮你解决javascript代码实例教程-JavaScript基础概念:数组定义及创建所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。