前端成长DAY.2 JS基础–运行在浏览器端，跨平台的web脚本语言。 –向html页面添加交互行为。 –可以和服务器进

JavaScript简介

javaScript特点（啥是js,能干啥）:

–运行在浏览器端，跨平台的web脚本语言。

–向html页面添加交互行为。

–可以和服务器进行通信。

javaScript的组成部分

– ECMAScript(5.1):核心javaScript组成的语法和基本对象。

– DOM:文档对象模型：描述处理网页内容的方法和接口。

– BOM:浏览器对象模型：描述与浏览器进行交互的方法和接口。

javaScript引入方式

行间

<input type="button" onclick="alert(1);" value="Click" />

内嵌

<script>
  //我是javascript代码
</script>

外链

<script src=“index.js” type=“text/javascript”></script>

JavaScript的位置

位置：

可以放在页面的任意位置，

通常放在</body>的前面：原因是取决于html的加载顺序是从上到下加载的，js的大部分作用是获取dom,操作 dom,放在下面是要等dom加载完成时，我们再执行js,这样就可以获取到dom了。

若不想放在底部

window.onload=function(){}

它虽然放在<body>的上面，但它要等页面上的html标签、图片、文字等都加载完成时才执行这个函数中的代码。

缺点：一个页面中只能用一次，最后一次覆盖前面的。

JavaScript的输出方式

1、 document.write();

如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖。

2、innerHTML

识别html

3、innerText 只识别文本

4、alert()

5、console.log()

<!--点按钮变成黄色-->
    <input type="button" value="按钮" id="btn" />
    <script type="text/javascript">
      document.getElementById('btn').onclick=function(){
        //点击要执行的代码写这里，
        //document.getElementById('btn').style.backgroundColor="yellow";
        //console.log(this);
        this.style.backgroundColor="yellow";
      }
    </script>