JavaScript本身是一种脚本语言,和Java的关系并不大。JavaScript的代码执行顺序时从上到下依次按照顺序执行。所以注意在引用.js文件的时候一定要注意顺序,一般js文件都是在body里面的HTML的代码后面进行引入,因为一般都是整体的页面先出来,在进行相应的效果的调用。.js既可以在head里面调用,也可以在body里面调用。script文件写在HTML文档的任何位置,只是执行的时候按照顺序执行。
利用js来控制HTML元素的样式
这里通过调用HTML的CSS的行内式的style属性进行具体样式的设计,其中有的写法和CSS里面的写法不一样,比如设置背景颜色的时候我们在CSS里面直接用的style="background-color=skyblue;" 但是这里我们是用的document.getElemenById('box').style.backgroundColor='skyblue';
- 利用innerHTML属性来控制HTML元素的内容
- 控制CSS的样式 利用className的属性进行设置
(这里注意CSS的样式分为行内式、内嵌式、链接式。行内式的优先级高于内嵌式,内嵌式高于链接式) - 声明变量var 变量名=xx 使得书写更加简便
text-decoration:none—>用于a标签去掉下划线
list-style:none—>用于去掉ul中的li前面的点对于z-index设置无效的时候,可以将要设置的元素添加一个position:relative;
-
这里要设置li元素中的a标签的属性,可以将a标签设置为display:inline-block;属性之后就可以进行块元素的操作 - margin-top也可以设置负值