Javascript视频教程笔记

  了解html语言

  网站开发老手认为html是最微不足道的技术,但它是基础;HyperText Markup Language;扩展名可以是:.html或者.htm;<>:开始标签;:结束标签;标签也可以称为容器;单独标签可以单独使用,比如

  ;

  不必严格区分元素和标签的概念;http://jhsy.82676666.com/renliushuhou/121.html

  属性值可以不用引号,也可以用引号;用的话可以是双引号,也可以是单引号;有些属性只有两个可选值,则不必写属性值,写了属性名就表示true值,不写就false;

  大小写不敏感;

  浏览器打开网页文档的方式:可以本地打开也可以从Web浏览器上打开;html标签告诉了浏览器应该怎样显示文字等;html是标记语言而不是程序设计语言,它只有显示的逻辑而没有业务逻辑;html规范与版本:

  不同的浏览器之间的不兼容问题:有些设计人员为了自己的浏览器能有特殊的效果,则设计了特殊的可以用于自己的浏览器的标签,成为html标签的方言;而其他的浏览器不认识这样的方言,所以我们定义了规范;随着需求的变化,新的规范不断推出;ietf把定义html规范的权限给了w3c;正在使用的html版本:html4.01,是最终规范,因为xhtml将要替代html;

  IETF与W3C:

  如果你要卖插座,则必须知道规范,否则你的插座别人用不了;IETF:Internet Engineering Task Force,Internet工程任务组;

  以RFC定名各类标准,Requests for comments,请求注释文档;

  比如:RFC2616(http/1.1),RFC1521(MIME);

  RFC文档必须被分配编号,一个编码的RFC文档不能不更新;

  IETF的收入:按标准生产的厂商必须给IETF交钱购买标准;

  W3C:World Wide Web Consortium,www联盟;

  www.w3c.org;

  任何公司都可以加入;

  不具备法律效力;

  HTML的全局架构标签

  标签内的内容不会在窗口里显示;

  body标签的属性设置了全局的页面属性;

  的属性:

  text:整个网页中的文字颜色;

  link:超级连接的文本颜色;

  alink:鼠标移动到超级连接上时文本的颜色;

  vlink:设定访问过的超级链接的文本颜色;

  background:背景图像;正是因为body是全局的,所以这张图片

  才不象image的图像,是全局的背景;

  //你比较懒,虽然老是不用引号,但是当要使用链接地址,比如写一个

  超级链接或者一个图片的路径的时候,是必须写引号的;

  bgcolor:background会冲掉这个属性的效果;

  leftmagin/topmargin:网页显示画面与浏览器的左/上边距;

  class,name,id,style等公共属性;

  颜色有两种表示方法:

  #XX XX XX三个两位的十六进制数据,每两位刚好8位表示256个级别的

  红绿蓝;

  这是文档类型定义语句,是本html文档所依据的规范;

  DTD语法:

  doctype指定文档类型:html

  public:表明是公开访问的;而不是某个公司的内部文件;http://jhsy.82676666.com/renliushuhou/122.html

  version name 指定该文档的版本;

  url指定规范文件在internet上的位置;

  //不要把文件的扩展名和文档类型定义中的doctype扯上关系,实际上这两个

  根本没关系,你可以发现一个.xml文件根本不是在定义xml,而是web应用的部署描述符;

  注释与特殊字符

  浏览器虽然不显示注释内容,但是查看原文件还是可以看到注释;

  如果想把标签做为普通文本显示,或者想正确地显示多个空格,则需要用:< 代替 < , > 代替 > ; 代替空格;这种表示方法就叫做html编码: 以 & 开头,以 ; 结束;如果要显示键盘无法输入的字符,比如版权符号,则©为了简化,可以用语言来拼写,比如©可代替版权符号的数字表示;

  常用的:& & < < > >

  " " ® 一个圈里一个R

  © 一个圈里一个C ™ 右上角的一个TM

  为什么还要用"来表示"呢?

  属性=a b 或者属性="a"b"的时候浏览器都只认为属性值是a;

  总之,浏览器会从第一个引号起,遇到下一个同样的引号为止认为是

  属性值;

  当同时有单引号和双引号的属性值就会引起严重的歧义;

  所以可以用"来防止浏览器过早地把一个"认为是属性值的结束;

  为什么对&来编码呢?

  很简单,所有编码都用到了&来开头,那当我要用&做为普通字符的时候

  肯定有问题了;这和SQL中的%和_的问题是一样的;

  格式标签

  的属性 align=right/left;

  不要试图用enter键来在浏览器中换行,而是用

  ;

  防止系统自动换行;http://jhsy.82676666.com/renliushuhou/123.html

  缩近;

  列表的使用:

  无序列表:

  ...

  ...

  ... ...

  ...

  ...

  ... ...

  ... ... ... ...

  有序列表:

  数字标示;

  点标示;

  告诉浏览器显示出在它里面的所有换行和空格;

  文本标签

  粗体;

  斜体;

  下划线;

  下标;

  上标;

  打印字;

  引用方式字;

  属性:face,size,color;

  HTML的超级链接

  网页只是Internet资源的一种而已,要有这种概念;

  所以html的链接也可以是Internet资源到另一个资源的链接而不只是网页;

  链接提示

  有这样的一种很好的做法,就是你可以把链接提示设置为

  图片等其他东西而不只是文字;

  如果链接的协议是mailto,则可以发送邮件;

  target属性的作用:target可="_blank"可以使浏览器用新的窗口打开;

  name属性的作用:定义定位标记;

  使用方法,在被定位的页面中写下标记:

  在要链接这个页面的页面的链接中的href的文件名后用

  #markname,则可以直接定位;

  //如果定位到本页面,则可以直接写#markname就行了;

  //如果要链接到本页面,则直接写个#就行了;

  //如果要显示网页文件所在的目录,则给href给个空串就行了;

  URL

  如果ftp服务器使用的是默认的端口23,那也如同http对于80一样,不用写;

  URL是大小写敏感的;

  如果没有明确设置基准URL,则相对URL会使用当前网页的目录路径做为基准URL;

  /表示根目录; ../表示当前目录的父目录; ./表示当前目录;

  相对URL的好处就是当把网页和资源移到别的服务器上的时候,

  如果使用绝对URL,你不得不对所有的URL进行更改,而相对URL就可以

  保证网页对资源的请求的URL不必做改动,只要保证他们的相对文件系统关系就行;

  参数的传递:

  ?name=zhangsan&password=fuck 参数值可以为空;

  定位标记:

  http://www.ijavascript.cn/index.html#section2,就和href中的name属性定义的定位标记的效果一样;

  URL编码:http://jhsy.82676666.com/renliushuqian/118.html

  Java中的URL编码类的方法:

  URLEncode.encode(String s,String 字符集)throws UnsupportedEncodingException

  规则:

  将空格转换为+

  0-9,a-z,A-Z的字符不变;

  其他:%加上当前字符的当前字符集内存中的十六进制格式;

  说明:

  如果能够确信URL串的特殊字符没有引起使用上的歧义或者冲突,

  可以不编码:http://www.sohu.com/index.html?name=中国

  URL的协议和权限部分一般不需要编码;

  mailto URL: mailto:[email protected]?subect=Feedback&body=how%20areyou!

  抄送:收件人可以看到你还给另外的谁发了相同的邮件;

  有些软件为了方便,就是不遵守标准;

  图像标签

  的属性:

  alt:当属性移动到图像上的时候,图像上方显示的提示

  文本;当图像无法加载时,这个提示会显示在图像应该出现的位置上;

  align:

  border:

  width:

  height:

  向web服务器请求xxx数据;注意这个xxx是个URL,它并不一定要是个图像

  文件名,反正是对xxx的请求,那这个xxx也可以是个jsp之类的程序;

  由这个jsp程序返回一个图像或者绘制一个图像完全不成问题哦!

  图像地图

  图像超级链接:

  就是用图像作为链接的提示而不是文字;

  shit,不是吧,如果用代理上网的话,竟然无法用localhost访问本机而只能通过127.0.0.1;

  可见,localhost与127.0.0.1的访问路径一定不一样;

  可见,浏览器选项中的“对本地不使用代理”原来直接针对的就是localhost;

  分为服务器端图像地图和客户端图像地图;

  客户端图像地图

  1,图像热点映射:

  2, 如果href替换为nohref;

  的属性target指明浏览器在哪个2窗口或帧中显示href属性所指向的网页资源。

  shape=rect/poly/circlehttp://jhsy.82676666.com/renliushuqian/119.html

时间: 2024-09-29 05:36:36

Javascript视频教程笔记的相关文章

Javascript读书笔记:函数定义和函数调用

定义函数 使用function关键字来定义函数,分为两种形式: 声明式函数定义: function add(m,n) { alert(m+n); } 这种方式等同于构造一个Function类的实例的方式: var add = new Function("m", "n", "alert(m+n);"); Function类构造方法的最后一个参数为函数体:"alert(m+n);",前面的都是函数的形参,参数必须是字符串形式的:&

Javascript 学习笔记 2: 标识语句

可以在任何语句声明之前使用唯一标识(identifier)和冒号(:)用来标记该语句: identifier: statement 这样,你可以在程序的任何其他地方通过标识来使用这个语句.即使在语句内部也可以使用该语句的标识(例如:循环语句和条件语句).当在一个循环语句前添加一个标识,你可以在语句内部通过break 标识来退出当前循环,也可以通过continue标识来继续执行该语句.例如: mainloop: while(token != null) { // Code omitted... c

javascript学习笔记---ECMAScript-判断变量类型

判断类型之前,先要清楚有哪些类型. (理理思路:程序由数据和方法构成,数据由简单数据和复杂数据构成) 即类型有: 数据(简单数据:boolean,string,num,undefined,null.复杂数据:object), 方法(function) 万能的typeof,神一样的方法 typeof(1);// num typeof("hello");// string   typeof(false);// boolean var vFlag; typeof(vFlag);// unde

javascript进阶笔记(2)

js是一门函数式语言,因为js的强大威力依赖于是否将其作为函数式语言进行使用.在js中,我们通常要大量使用函数式编程风格.函数式编程专注于:少而精.通常无副作用.将函数作为程序代码的基础构件块. 在函数式编程中,有一种函数称为匿名函数,也就是没有名称的函数,是js中的一个非常重要的概念.通常匿名函数的使用情况是,创建一个供以后使用的函数.比如将匿名函数保存在一个变量里面,或将其作为一个对象方法,更有甚者将其作为一个回调等等之类的. //保存在变量中,通过fn去引用 var fn=function

javascript学习笔记---ECMAScript语法(引用类型)

引用类型通常叫做类(class). 本教程会讨论大量的 ECMAScript 预定义引用类型. 引用类型 引用类型通常叫做类(class),也就是说,遇到引用值,所处理的就是对象. 本教程会讨论大量的 ECMAScript 预定义引用类型. 从现在起,将重点讨论与已经讨论过的原始类型紧密相关的引用类型. 注意:从传统意义上来说,ECMAScript 并不真正具有类.事实上,除了说明不存在类,在 ECMA-262 中根本没有出现"类"这个词.ECMAScript 定义了"对象定

javascript学习笔记---ECMAScriptECMAScript 对象----定义类或对象

使用预定义对象只是面向对象语言的能力的一部分,它真正强大之处在于能够创建自己专用的类和对象. ECMAScript 拥有很多创建对象或类的方法. 原始的方式 因为对象的属性可以在对象创建后动态定义(后绑定),类似下面的代码: var oCar = new Object; oCar.color = "blue"; oCar.doors = 4; oCar.mpg = 25; oCar.showColor = function() { alert(this.color); };不过这里有一

孙鑫VC++视频教程笔记

写在前面的话:在学习孙鑫老师的VC++视频时,为了加深自己对知识的深入理解,就做了下面的笔记. 第一讲: 第二讲: 第三讲: 第四讲: 第五讲: 第六讲: 第七讲: 第八讲: 第九讲: 第十讲: 第十一讲: 第十二讲: 第十三讲: 第十四讲: 第十五讲: 第十六讲: 第十七讲: 第十八讲: 第十九讲:动态链接库 第二十讲: 孙鑫VC++视频教程笔记,布布扣,bubuko.com

javascript视频教程之第一季《ECMA5核心+设计模式》

javascript!是一门非常强大的脚本语言,应用的范围非常广泛,每一个web开发者学好javascript也是必须的,本套视频教程详细的讲解了javascript各个知识点.关键点,其中涉及到高深的函数概念.原型概念.接口概念.单体概念.更是详细的讲解了javascript设计模式. 本视频教程相当于基本javascript的书籍的结晶<javascript高级程序设计><javascript权威指南><javascript征途><javascript王者归来

Javascript 事件 笔记 1

HTML 事件处理程序: 缺点:html 和 js 耦合性太高 (如果改动方法名 那么就要改HTML 代码和JS代码 ) 优点: 兼容性强 1 <input type="button" id="btn1" value="btn1" onclick="alert(this.value)"> Dome 0 级事件处理程序: 把函数赋值给一个事件的属性. 简单,跨浏览器 1 var btn2 = document.get