1、JS开始的目的主要是验证表单的输入验证

2、是一种具有面向对象能力的、解释型语言。是基于事件驱动的相对较安全的客户端脚本语言

3、JS 特点:松散型:变量不具备一个明确的类型;   对象属性:把属性名可以映射成任意的属性值,有点像哈希表和关联数组 ;         继承机制:基于原型的。

4、组成:核心即语法(Ecma);文档对象模型(DOM);浏览器对象模型(BOM);

5、注意事项:编码格式

6、<Script>标签解析:type 必需,表示代码使用的脚本语言的内容类型;src 可选,表示要执 行的代码的外部文件; charset,language,defer(延迟到文档加载后执行)都被 浏览器忽 略故,很少用;defer可以实现的方式是将<script>中 内容放到文档类容的后面就OK

7、代码嵌入问题:在嵌入脚本的时候比如想打印</script>的话是可以采用'</scr'+ipt>'形式来 打印,否则是打印不出来的,因为执行到此  浏览器会将这次打印的内容解释为结尾标签, 但是外部引用则不会存在此种问题

8、外部JS文件的优点:维护性能高、可缓存(加载一次就无需加载),方便未来扩展

9、JS是双标签,同时用 src 引用了外部JS文件,此时在<script>标签中的代码是不会被执行的

10、如果浏览器不支持<sctipt>标签可以采用提供注释的方式,即在代码前后添加注释标签 <!--  alert("欢迎来到JS世界") --> 这样浏览器支持就会加载,不支持就会以文档形式出现

11、平稳退化机制:如果用户禁用了 JS 选项,可以采用<noscript>您没有启用 JavaSctipt </noscript> 标签来将<nosctipt>中的内容显示给用户但如果启用了JS这里面内容不会执行

12、外部JS文件中是不需要写 <script></script>标签的,否则浏览器解析出错

JS学习笔记-1--基本知识和注意事项的更多相关文章

  1. 一点感悟:《Node.js学习笔记》star数突破1000+

    写作背景 笔者前年开始撰写的<Node.js学习笔记> github star 数突破了1000,算是个里程碑吧. 从第一次提交(2016.11.03)到现在,1年半过去了.突然有些感慨, ...

  2. 系列文章--Node.js学习笔记系列

    Node.js学习笔记系列总索引 Nodejs学习笔记(一)--- 简介及安装Node.js开发环境 Nodejs学习笔记(二)--- 事件模块 Nodejs学习笔记(三)--- 模块 Nodejs学 ...

  3. js学习笔记:webpack基础入门(一)

    之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者 ...

  4. Vue.js学习笔记(2)vue-router

    vue中vue-router的使用:

  5. JS 学习笔记--9---变量-作用域-内存相关

    JS 中变量和其它语言中变量最大的区别就是,JS 是松散型语言,决定了它只是在某一个特定时间保存某一特定的值的一个名字而已.由于在定义变量的时候不需要显示规定必须保存某种类型的值,故变量的值以及保存的 ...

  6. MyBatis:学习笔记(1)——基础知识

    MyBatis:学习笔记(1)--基础知识 引入MyBatis JDBC编程的问题及解决设想 ☐ 数据库连接使用时创建,不使用时就释放,频繁开启和关闭,造成数据库资源浪费,影响数据库性能. ☐ 使用数 ...

  7. WebGL three.js学习笔记 使用粒子系统模拟时空隧道(虫洞)

    WebGL three.js学习笔记 使用粒子系统模拟时空隧道 本例的运行结果如图: 时空隧道demo演示 Demo地址:https://nsytsqdtn.github.io/demo/sprite ...

  8. WebGL three.js学习笔记 法向量网格材质MeshNormalMaterial的介绍和创建360度全景天空盒的方法

    WebGL学习----Three.js学习笔记(5) 点击查看demo演示 Demo地址:https://nsytsqdtn.github.io/demo/360/360 简单网格材质 MeshNor ...

  9. WebGL three.js学习笔记 创建three.js代码的基本框架

    WebGL学习----Three.js学习笔记(1) webgl介绍 WebGL是一种3D绘图协议,它把JavaScript和OpenGL ES 2.0结合在一起,通过增加OpenGL ES 2.0的 ...

随机推荐

  1. webform网站相关数据控件和其他

    一.asp:Repeater <div class="bd"> <ul> <asp:Repeater ID="rept_slide" ...

  2. jQuery类级别插件--返回顶部,底部,去到任何部位

    先引入js:<script type="text/javascript" src="jquery.js" ></script><s ...

  3. ajax返回值中有回车换行、空格解决方法

    最近在写一个页面,用jquery ajax来实现判断,刚写好测试完全没有问题,过了两天发现出现问题,判断不成了.后来发现所有alert出来的返回值前面都会加若干换行和空格.(至今不明白,同一台电脑,同 ...

  4. linux安装至少有哪两个分区,各自作用是什么?

    1.至少有/代表根分区,/swap代表的意思是交换分区. 2.swap相当于缓存的作用:

  5. SQL 查询优化

    优化方法论: 分析实例级的等待. 联系等待和队列. 确定方案. 细化到数据/文件级. 细化到进程级. 优化索引/查询.

  6. PropertyGrid 控件使用方法

    编写一个对象,后面传递给 PropertyGrid 来显示: using System; using System.Collections.Generic; using System.Linq; us ...

  7. 19.python的编码问题

    在正式说明之前,先给大家一个参考资料:戳这里 文章的内容参考了这篇资料,并加以总结,为了避免我总结的不够完善,或者说出现什么错误的地方,有疑问的地方大家可以看看上面那篇文章. 以下说明是针对于pyth ...

  8. Python学习教程(learning Python)--3.3.1 Python下的布尔表达式

    简单的说就是if要判断condition是真是假,Python和C语言一样非0即真,所以如果if的condition是布尔表达式我们可以用True或者非0数(不可是浮点数)表示真,用False或者0表 ...

  9. Linux环境下常用regexp的使用

    正则表达式 REGular EXPression   的简写元字符 匹配次数 位置锚定 分组 --------------------------------------元字符. 匹配任意单个字符 [ ...

  10. 对 Linux 新手非常有用的20个命令

    你打算从Windows换到Linux上来,还是你刚好换到Linux上来?哎哟!!!我说什么呢,是什么原因你就出现我的世界里了.从我以往的经验来说,当我刚使用Linux,命令,终端啊什么的,吓了我一跳. ...