JavaScript & Dom 之 基本语法



    
    Image Gallery
    


Snapshots

my image gallery

Choose an image.

A Test Code

Be Careful

 1.js文件

js文件的语法是放在 or 里面。

1.1内部js

js写的就是函数,或者说,js里面存放的是执行的方法。

如上就是最简单的js语句。

既然

把js的内容独立方法一个文件里面,这个html页面里面只有view的内容,如果再把颜色配置等放在单独的文件里面,这样不就是MVP吗,或者更彻底一点。

2.css

如同上面的说法,如果把颜色等配置,通过独立的文件处理,这样html里面只有最基本的布局文件。

    

 

body{
    font-family: "Helvetica", "Arial", serif;
    color:#333;
    background-color: #ccc;
    margin: 1em 10%;
}
h1{
    color: #333;
    background-color: transparent;
}

可以通过标签匹配,也可以通过class,或者id匹配。

html,js,css,这样就形成了最基本的html文件的展示。

3.Dom

如果匹配html里面的元素呢,这个可以使用Dom语法。

var body_element = document.getElementsByTagName("body")[0];
    console.log(body_element.childNodes.length);
    alert(body_element.childNodes.length);

这段代码就是dom属性读写的部分,现在浏览器应该都支持这种写法。

 

你可能感兴趣的:(JavaScript & Dom 之 基本语法)