js基本知识

js是javaScript是简写，是一种基于对象和事件驱动的，安全性好的脚本语言，运行在客户端
java由核心语法ECMAScript,浏览器对象模型（BOM）主要用于管理窗口与窗口之间的通讯，对象是window,文档对象模型(DOM)三部分组成
网页引入javaScript三种方式

1.使用<script></script>内部样式
2.使用外部js文件
3.直接在HTML标签中的行内样式

这里建议直接写在文档末，可以避免对象渲染不了的麻烦

引入方式示例

1.行内引入

行内引入方式必须结合事件来使用，但是内部JS和外部JS可以不结合事件

<body>
    <input type="button" onclick="alert('行内引入')" value="button" name="button">
    <button onclick="alert(123)">点击我</button>
</body>

2.内部引入

在head或body中，定义script标签，然后再script标签里面写代码

<script>
     alert("这是JS的内部引入");
</script>

3.外部引入

定义外部JS文件

<script src="test.js"></script>

注：

1.script标签要单独使用，要么引入外部JS，要么定义内部JS，不要混搭使用。

变量基本知识

变量使用var定义，定义变量时，前面必须带上
变量名区分大小写，与php有所不同
变量打印使用console.log(变量名)打印

演示：

<script>
        var username = "张三";
        var userName = "李四";
        console.log(username);
        console.log(userName);
        function say() {
            console.log("我是大张三");
        }
        function SAY() {
            console.log("我是小张三");
        }
        say();
        SAY();
</script>

输出：

张三
李四
我是大张三
我是小张三

块作用域

在ES5中，允许变量重新定义，不会报错

示例：

        var email = "admin@qq.com";
        var SEX = "mail";
        // 更新
        email = "jack@qq.com";
        console.log(email);
        // ES5允许重新声明
        var email = "Hello@qq.com";
        console.log(email);

输出：
Hello@qq.com

在ES中，没有块作用域的概念，变量的定义都在全局

示例

   {
            // 块作用域
            var age = 40;
        }
        {
            var age = 44;
        }
        console.log(age);

输出：
44

变量声明提前

主要指变量未定义之前就可以使用了

示例：

    // 声明
    var email;
    console.log(email); 
    // 初始化
    email = "hello@qq.com";
    console.log(email);

输出：

undefined
hello@qq.com

虽然变量有个undefined，但是的的确确存在，没有报错。

总结

虽然今天学的东西不多，都是一些小细节，但越是细节的东西，越不能忽略，一点一点积累，总有一天会用得上。

javascript基本知识

js基本知识

引入方式示例

变量基本知识

块作用域

变量声明提前

总结

相关文章