js常用属性

捡错
try
  {
  adddlert("Welcome guest!");
  }
catch(err)
  {
  alert(err.message);  //输出错误信息
  }
}




JavaScript数据类型
字符串(String)
数字(Number)
布尔(Boolean)
数组(Array) var arr=["a","b","csd","ddd"]; var arr=new Array[];
对象(Object)
空(null)
未定义
可以通过赋值为null的方式清除变量


alert(“”);弹出一个对话框


捕获异常
try{


}catch(err){


}


事件
onClick      点击事件
onMouseOver  鼠标经过事件
onMouseOut   鼠标移出事件
onChange     文本内容改变事件
onSelect     文本框选中事件
onFocus      光标聚集事件
onBlur       移开光标事件
windoow.onLoad       网页加载事件
onUnload     关闭网页事件




DOM


寻找元素
根据id:getElementById("pid")
根据元素名称:getElementsByTagName("p");相同元素中的第一个


改变HTML内容 innerHTML


改变标签属性


stopPropagation(); 阻止事件冒泡,向上一级传递
preventDefault();阻止事件默认行为


事件的浏览器适配
var btn1=document.getElementById("btn1");
if(btn1.addEventLisstener){
btn1.addEventLisstener("click",demo);
}else if(btn.attachEvent){
btn.attachEvent("onclick",demo);
}else{
btn1.οnclick=demo();
}
funtion demo(){
alert("hellow");
}




对象.
声明对象: peolle=new Object();
Math.
round();  四舍5入
random();0到1随机数
parseInt();转化为INT值


String
属性:length prototype constructor 
indexOf();在字符串中查找字符
repalce();替换内容
toUpperCase()/toLowerCase() 
split();  把字符转换为数组


Date
var date=new Date();
date.toLocalleDateSting(); 转换字符


getFullYear();
getTime();
getDay();
getHours();
getMinutes();
getSecond();


线性函数
t=setTimeout(function(){  },500); 每500毫秒执行一次


Array
concat(); 合并数组
sort();   排序
push();   末尾追加元素
reserve();  数组翻转




DOM对象控制HTML
getElementsByName() ; 通过名称找到元素(<p name="as">元素名称</p>)
getElementsByTagName(); 通过元素名称(p h1 a标签的名称,注意跟上面的区别)找到元素
getAttribute(); 获取元素属性
setAttribute(); 设置元素属性
childNodes();   访问子节点
parentNode();    访问父 节点


createElement();  创建元素节点(在末尾添加)
var parent=document.getElementById("container");
var cconet=document.createElement("div");
cconet.class="box";
parent.appendChlid(cconet);


createTextNode();  创建文本节点
insertBefore();    插入节点(在制定位置添加)
removeChil();      删除节点
offsetHeight();    网页尺寸(不包括滚动条)
scrolHeight();     网页尺寸


javascrip  Window对象
window.open(“rel”,“名称”); 打开一个新窗口
window.close();关闭当前窗口


screen对象
screen.abailHeigh();可用高度
screen.abailWidth();
screen.height(); 窗口高度
screen.width();


计时器
setlnterval(); 设置每隔一段时间调用一次(重复执行)
clearlnterval();
setTimeout();  设置指向时间间隔后执行(只执行一次)
clearTimeout();


Histpry对象
history.back(); 与浏览器中点击后退
history.forward();
history.go();


Location 对象
location.hostname  返回web主机的域名
location.pathname  返回当前页面的路径和文件名
location.port      wen主机的端口
location.protocol  返回所使用的web协议
location.href      属性返回当前页面的URL
location.assign    方法加载新的文档


动画
TweenMax(去学习一下)




选中一个数组中(boxHeight)最小的数
 var minheight=Math.min.apply(null,boxHeight);


  var imgwidtg=ccontent[0].offsetWidth;/*得到每张图片的宽度*/


 var screenwifth= document.documentElement.clientWidth;/*得到页面的宽度*/页面高度


oarent.style.cssText="width:"+imgwidtg*cols+"px"; /*设置div的宽度*/


 ccontent[i].style.position="absolute"; /*设置属性,注意与上面区别*/


ccontent[i].style.left=ccontent[minindex].offsetLeft+"px";/*ccontent[minindex].offsetLeft获取元素距离左边的位置*/
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值