关闭

[置顶] h5 学习之路以及jquery的使用

641人阅读 评论(0) 收藏 举报

1.getElementById 用于执行javascript从开始到结束 javascript是为了给html5网页添加更多的交互

2.当编写 JavaScript 语句时,请留意是否关闭大小写切换键。大小写执行的语句是不同的

3.在javascript中,没有使用var声明的变量都被当成全局变量来处理。而ios swift里面的var统称为变量

4.在javascript中,let只对它所在的最内侧块内有效,而var的范围至少是一个函数之内。而在ios swift里面let表示常量

5.JavaScript 是脚本语言。浏览器会在读取代码时,逐行地执行脚本代码。而对于传统编程来说,会在执行前对所有代码进行编译。

6.传统的编程在代码结束后需要分号结束,否则会报错的,但是swift javascript python像这类语言都是不需要分号的,当然javascript你加上分号也没毛病,没有编译环境嘛

7.JavaScript 是面向对象的语言,但 JavaScript 不使用类。在 JavaScript 中,不会创建类,也不会通过类来创建对象(就像在其他面向对象的语言中那样)。JavaScript 基于 prototype,而不是基于类的。

8.javascript function函数在使用 return 语句时,函数会停止执行,并返回指定的值。

未完,待续

9.src 属性规定外部脚本文件的 URL。有时,我们需要在网站的多个页面中运行 JavaScript。不需要重复编写相同的脚本,只需在单独的文件中创建 JavaScript,并以 .js 为后缀保存,然后使用 <script> 标签中的 src 属性引用该文件即可。

10.<br />折行显示 <input>文本框

11.DOM(Document Object Model) 文档对象模型 BOM(Brower Object Model) 浏览器对象模型

12.<b> 标签规定粗体文本。图片img 视频video

13.<em> 标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说,这意味着要把这段文字用斜体来显示。

14.<div> 是一个块级元素,也就是说,浏览器通常会在 div 元素前后放置一个换行符。

15.window.location 对象用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面,location.assign() 方法加载新的文档。location.href 属性返回当前页面的 URL。location.pathname 属性返回 URL 的路径名。

16.window.history 对象在编写时可不使用 window 这个前缀。为了保护用户隐私,对 JavaScript 访问该对象的方法做出了限制。

一些方法:

  • history.back() - 与在浏览器点击后退按钮相同
  • history.forward() - 与在浏览器中点击按钮向前相同
17.window.navigator 对象包含有关访问者浏览器的信息。
18.confirm 确认框 prompt提示框 alert警告框
19.JavaScript 可以使用 document.cookie 属性来创建 、读取、及删除 cookie。

20.defer属性,这个属性的用途是表明脚本在执行时不会影响页面的构造,也就是说,脚本会被延迟到整个页面都解析完毕后再运行
******************************************************* jQuery  ******************************************************* 
Google CDN 
<script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js"></script>
MicroSoft CDN
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script>
提示:使用谷歌或微软的 jQuery,有一个很大的优势:
许多用户在访问其他站点时,已经从谷歌或微软加载过 jQuery。所有结果是,当他们访问您的站点时,
会从缓存中加载 jQuery,这样可以减少加载时间。同时,大多数 CDN 都可以确保当用户向其请求文件时,
会从离用户最近的服务器上返回响应,这样也可以提高加载速度。

jQuery 中$的理解:jQuery 使用 $ 符号作为 jQuery 的简介方式。$符号在JS里是可以当做idenitifier的,也就是说可以当成变量名称,
或者函数名称,并且可以打头(不同于一些语言比如c什么的只能用字母打头后接字母或者数字),甚至可以单独使用,
所以就明了了,$只是一个变量或者函数这里的话$就是jQuery的对象了,严格的说它应该是jQuery对象的构造函数,
用$这个特殊符号做为框架标识的也不止jQuery,其它也是不少的,很早的时候喜欢把document.getElementById这个函数封装在$这个函数里以方便调

jQuery中ready的理解:jQuery的ready是DOM结构加载完成后触发的,不需要等相关的资源文件(如:css,图片等)下载完成,比onload触发时间点要早。
在现代浏览器中document有一个事件叫做DOMContentLoaded,从字面上理解就是HTML代码加载完成以后触发的事件.
但在IE6等老浏览器中是没有这个事件的,那就需要使用setInterval或setTimeOut循环去判断(jQuery用的是try-catch判断文档是否能执行滚动事件,
文档加载完成前调用这个方法会出错的,不出错时说明文档加载完成了)文档是否加载完成

jQuery中的noConflict函数的意义:noConflict作用就是把jQuery前面占掉的全局变量$和jQuery还回去。
所以一开始就用_$=$来保存原始的全局$.当noConflict被用户调用的时候就恢复回去

BOM
BOM 的核心对象是window,它表示浏览器的一个实例。在浏览器中,window对象有双重角色,
它既是通过JavaScript 访问浏览器窗口的一个接口,又是ECMAScript 规定的Global对象。这意味着在网页中定义的任何一个对象
、变量和函数都以window作为其Global对象。因此有权访问parseInt()等方法
DOM
DOM 是针对HTML和XML文档的一个API。DOM 描绘了一个层次化的节点树,允许开发人员添加、移除和修改页面的某一部分。
DOM 脱胎于Netscape 及微软公司创始的DHTML(动态HTML),但现在它已经成为表现和操作页面标记的真正的跨平台、语言中立的方式.
Ajax
Ajax技术的核心是XMLHttpRequest 对象,这是由微软首先引用的一个特性。简称XHR,XHR为向服务器发送请求和解析服务器响应提供了流畅的接口,
能够以异步方式从服务器取得更多信息,意味着用户单击后,可以不必刷新页面也能取得新数据。也就是说,可以使用XHR对象取得新数据,
然后再通过DOM将新数据插入到页面中。另外。虽然名字中包含XML的成分,但Ajax通信与数据格式无关,这种技术就是无须刷新页面即可从服务器取得数据,
但不一定是XML数据

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:26118次
    • 积分:1054
    • 等级:
    • 排名:千里之外
    • 原创:83篇
    • 转载:8篇
    • 译文:0篇
    • 评论:0条
    文章分类