1.变量
定义变量需要用到var关键字
var a=123;
var b='asd';
javaScript的变量类型有时是有他的值决定的
2.变量类型
5种基本数据类型:number,string,boolean,undefined,null 1种复合类型object
3.获取页面元素
document.getElementById('div1');
4.操作元素属性
获取页面的元素就可以对元素的属性进行操作,包括读和写
操作属性的方法:
1、' . '操作 2、"[ ]"操作
document.getElementById('link1').href="http://www.baidu.com";
可以利用变量来进行简写
//写属性
var oA=document.getElementById("liink1")
oA.href="http://www.baidu.com"
//读属性
oA.id
js操作style属性
var oDiv=document.getElementById("div1")
//color属性oDiv.style.color='red'
//font-size,写法特殊,去掉“-”,第二个字母大写
oDiv.style.fontSize="30px"
js操作class属性,“class”写成“className”,[ ]中括号操作
var oDiv = document.getElementById("div1")
oDiv["style"]["clolor"]="red"
中括号操作有一个特殊的地方与" . "不同,中括号里面可以写变量
var oDiv = document.getElementById("div1")
var fontcolor = "color"
oDiv["style"][fontcolor]="red"
还有一个小技巧,可以把<script>放入到<head>中
<head>
script type="text/javascript">
//window.onload表示在整个页面加载完成后再执行这里的代码
window.onload=function(){
var oDiv=document.getElementById("div1")
oDiv.style.color='red'
}
</script>
</head>
网友评论