Blogger Information
Blog 36
fans 1
comment 0
visits 29721
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
javascript基本知识
Jason
Original
660 people have browsed it

js基本知识

  • js是javaScript是简写,是一种基于对象和事件驱动的,安全性好的脚本语言,运行在客户端

  • java由核心语法ECMAScript,浏览器对象模型(BOM)主要用于管理窗口与窗口之间的通讯,对象是window,文档对象模型(DOM)三部分组成

  • 网页引入javaScript三种方式

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

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

引入方式示例

1.行内引入

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

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

2.内部引入

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

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

3.外部引入

定义外部JS文件

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

注:

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

变量基本知识

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

演示:

  1. <script>
  2. var username = "张三";
  3. var userName = "李四";
  4. console.log(username);
  5. console.log(userName);
  6. function say() {
  7. console.log("我是大张三");
  8. }
  9. function SAY() {
  10. console.log("我是小张三");
  11. }
  12. say();
  13. SAY();
  14. </script>

输出:

  1. 张三
  2. 李四
  3. 我是大张三
  4. 我是小张三

块作用域

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

示例:

  1. var email = "admin@qq.com";
  2. var SEX = "mail";
  3. // 更新
  4. email = "jack@qq.com";
  5. console.log(email);
  6. // ES5允许重新声明
  7. var email = "Hello@qq.com";
  8. console.log(email);

输出:
Hello@qq.com

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

示例

  1. {
  2. // 块作用域
  3. var age = 40;
  4. }
  5. {
  6. var age = 44;
  7. }
  8. console.log(age);

输出:
44

变量声明提前

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

示例:

  1. // 声明
  2. var email;
  3. console.log(email);
  4. // 初始化
  5. email = "hello@qq.com";
  6. console.log(email);

输出:

  1. undefined
  2. hello@qq.com

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

总结

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

Correcting teacher:天蓬老师天蓬老师

Correction status:qualified

Teacher's comments:不多就更应该记住
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post