美文网首页
javaScript的基本知识(一)

javaScript的基本知识(一)

作者: Benedict清水 | 来源:发表于2020-05-25 23:00 被阅读0次

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>

相关文章

网友评论

      本文标题:javaScript的基本知识(一)

      本文链接:https://www.haomeiwen.com/subject/kckpahtx.html