JS基础篇（一）

浏览器内核（渲染引擎）：浏览器中识别代码绘制页面的东西。

1.引擎。

Webkit内核（v8引擎）：谷歌浏览器（chrome），大部分国产浏览器，safari浏览器，安卓的IOS大部分手机浏览器。
Gecko内核：火狐浏览器（Firefox）
Presto内核：欧朋浏览器（Opera）
Trident内核：IE浏览器

2.浏览器兼容。
例如：谷歌浏览器开发出新的CSS属性（boder-radius)用于开发者实现盒子的圆角功能，此时：

-webkit-boder-radius

接着火狐浏览器发现此功能好用，于是将其添加至其自生浏览器中，此时：

-moz-boder-radius

……直到W3C将其融入至规范中时

boder-radius

js learn from basic（篇）

js使用的几种方式

行内导入js:(不安全，不建议使用)

<div onclick="alert('hello world')">
welcome
</div>

内嵌式导入js：

<script>
   alert('hello world');
</script>

外链式：

首先创建一个JavaScript文件，在文件中写入：
alert(‘hello world’);

<script src="此处填文件目录.js"></script>

注：内嵌式和外链式导入不能合并在一起

补(css四种导入方式)

行内式：不建议使用，会使得HTML和CSS代码混淆，结构混乱。

<div style="width:100px;"></div>

内嵌式：对于一个包含多个网页的网站而言，每个网页都使用内嵌式在修改样式的时候会变得非常麻烦，单一网页可以考虑使用。

<style>
      div{
      width:100px;
         }
</style>

外链式：最优选择。

<link rel="stylesheet" href="css/CSS文件名.css">

导入式：（放在内嵌式里面）会在整个页面加载完毕之后再装载CSS文件，若网页较大，则会导致先显示无样式的网页，过一段时间再显示出css的样式。

<style>
@import "css/CSS文件名.css";
     div{
     width:100px
     }

注：导入式与外链式的本质区别：

1.外链式（用link)除了可以加载css外，还可以定义RSS等其他事务；而导入式（用@import）属于CSS范畴，只能加载CSS。

2.外链式引用CSS时，页面载入时是同时加载，而导入式要在页面加载完毕后再载入。

3.外链式是XHTML标签，无兼容问题，导入式是在CSS2.1时期提出的，低版本浏览器不支持。

4.外链式支持使用JavaScript控制DOM去改变样式，而导入式的@import不支持。