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. postgresql 分区表

    1.普通方式建立主表 create table tbl_partition( id integer, name ), gender boolean, join_date date, dept ) ) ...

  2. 解析 this.initialize.apply(this, arguments)

    一. 起因 那天用到prototype.js于是打开看看,才看几行就满头雾水,原因是对js的面向对象不是很熟悉,于是百度+google了一把,最后终于算小有收获,写此纪念一下^_^. prototyp ...

  3. mamp pro

    MAMP PRO Settings and Files /Library/Application Support/appsolute/MAMP PRO ~/Library/Application Su ...

  4. 【微网站开发】之微信内置浏览器API使用

    最近在写微网站,发现了微信内置浏览器的很多不称心的地方: 1.安卓版的微信内浏览器底部总是出现一个刷新.前进.后退的底部栏,宽度很大,导致屏幕显示尺寸被压缩 2.分享当前网站至朋友圈时,分享的图片一般 ...

  5. Excel日期格式提取year

    Excel日期格式提取year =TEXT(YEAR(C2),"0000")

  6. 九度oj 1184 二叉树遍历

    原题链接:http://ac.jobdu.com/problem.php?pid=1184 简单的二叉树重建,遍历. 如下: #include<cstdio> #include<cs ...

  7. jdk 1.5

    1995.5.23 java语言诞生 sun公司推出java语言的同时,也推出了一系列的开发工具,比如JDK(java development Kit)JVMjava API 时间 版本 API 用途 ...

  8. mysql存储过程执行权限问题

    tags: mysql  PROCEDURE 存储过程 definer SECURITY 权限 以下存储过程,限定了DEFINER为root,也就是root之外的账户是无法调用这个存储过程的. 1 2 ...

  9. 【译】理解与分析ios应用的崩溃报告

    源网址: http://developer.apple.com/library/ios/#technotes/tn2151/_index.html 当一个应用程序崩溃时,创建一份“崩溃报告”对于理解崩 ...

  10. EF6 在原有数据库中使用 CodeFirst 总复习(四、新建实体对象)

    在原有数据库中使用 CodeFirst ,除了第一次添加实体后要立即执行一次 Enable-Migrations add-migration Initial  -IgnoreChanges updat ...