JS学习笔记-1--基本知识和注意事项
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--基本知识和注意事项的更多相关文章
- 一点感悟:《Node.js学习笔记》star数突破1000+
写作背景 笔者前年开始撰写的<Node.js学习笔记> github star 数突破了1000,算是个里程碑吧. 从第一次提交(2016.11.03)到现在,1年半过去了.突然有些感慨, ...
- 系列文章--Node.js学习笔记系列
Node.js学习笔记系列总索引 Nodejs学习笔记(一)--- 简介及安装Node.js开发环境 Nodejs学习笔记(二)--- 事件模块 Nodejs学习笔记(三)--- 模块 Nodejs学 ...
- js学习笔记:webpack基础入门(一)
之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者 ...
- Vue.js学习笔记(2)vue-router
vue中vue-router的使用:
- JS 学习笔记--9---变量-作用域-内存相关
JS 中变量和其它语言中变量最大的区别就是,JS 是松散型语言,决定了它只是在某一个特定时间保存某一特定的值的一个名字而已.由于在定义变量的时候不需要显示规定必须保存某种类型的值,故变量的值以及保存的 ...
- MyBatis:学习笔记(1)——基础知识
MyBatis:学习笔记(1)--基础知识 引入MyBatis JDBC编程的问题及解决设想 ☐ 数据库连接使用时创建,不使用时就释放,频繁开启和关闭,造成数据库资源浪费,影响数据库性能. ☐ 使用数 ...
- WebGL three.js学习笔记 使用粒子系统模拟时空隧道(虫洞)
WebGL three.js学习笔记 使用粒子系统模拟时空隧道 本例的运行结果如图: 时空隧道demo演示 Demo地址:https://nsytsqdtn.github.io/demo/sprite ...
- WebGL three.js学习笔记 法向量网格材质MeshNormalMaterial的介绍和创建360度全景天空盒的方法
WebGL学习----Three.js学习笔记(5) 点击查看demo演示 Demo地址:https://nsytsqdtn.github.io/demo/360/360 简单网格材质 MeshNor ...
- WebGL three.js学习笔记 创建three.js代码的基本框架
WebGL学习----Three.js学习笔记(1) webgl介绍 WebGL是一种3D绘图协议,它把JavaScript和OpenGL ES 2.0结合在一起,通过增加OpenGL ES 2.0的 ...
随机推荐
- Asp.NET MVC 中使用 SignalR 实现推送功能
一,简介Signal 是微软支持的一个运行在 Dot NET 平台上的 html websocket 框架.它出现的主要目的是实现服务器主动推送(Push)消息到客户端页面,这样客户端就不必重新发送请 ...
- PHP数组在HTML之中的应用
<select name="data[status]" id="" <?php if(in_array($list['status'],array( ...
- 【Weblogic】--Weblogic的部署方式和缓存
参考网址: http://dead-knight.iteye.com/blog/1938882 Weblogic11g部署web应用,有三种方式,非常简单,但是很多新手部署总是出现若干错误,不知道如何 ...
- cxgrid对经过筛选过的数据的选择(反选)
// 下面这个主要是对查询出来的数据, 经过筛选后得到的数据中进行反选操作 ,然后对选择的数据进行修改(全选或选择一部分也可以根据些代码修改) Screen.Cursor := crHourGlass ...
- 区间 (vijos 1439) 题解
[问题描述] 现给定n个闭区间[ai,bi],1<=i<=n.这些区间的并可以表示为一些不相交的闭区间的并.你的任务就是在这些表示方式中找出包含最少区间的方案.你的输出应该按照区间的升序排 ...
- 神奇的脱机 app_offline.htm
在更新或维护网站的时候,需要给用户一个明确的提示; 如"系统正在维护中..."."系统更新中..." 等信息 这里介绍园友告知的一个超级简单的做法: 在网站根 ...
- STM32F0xx_GPIO配置详细过程
前言 对于初学STM32的人来说,很多基础的知识没有掌握,这些基础知识就成为阻挡他们入门的门槛.因此,今天也把基础的知识分享出来,带领那些还没有迈过这个门槛的人入门. 今天总结“GPIO配置详细”,以 ...
- iPhone开发中的技巧整理
1.NSCalendar用法 -(NSString *) getWeek:(NSDate *)d { NSCalendar *calendar = [[NSCalendar alloc] initWi ...
- 浅析python的string.Template
摘自:python参考手册. string模块定义了一种新字符串类型Template,简化了特定的字符串置换操作, Template定义一个类 1.template(s), #s是字符串 s='he ...
- 反射 reflect 初始学习
类也是对象,本身是java.lang.Class 类的对象. Class的三种表示方式: 1.Class a = A.class: 类名.class的方式.经常在日志记录里面,获取当前类的日志记录生成 ...