论坛徽章:: 0

电梯直达

1楼 [收藏(0)] [报告]

发表于 2011-01-28 11:50 |只看该作者 |倒序浏览

【转】翩rise
JavaScript与html

------------------------------------------------JavaScript与html-------------------------------------------------

html是众多web技术中恐怕是最微不足道的了，但他的确是精彩的web世界必不可少的基石。使用JavaScript可以为html文档增加交互性、增强对用户操作的反应能力、使web页更具吸引力~

通过JavaScript，web开发人员可以编写脚本，然后将脚本嵌入到html文档中来创建动态的web页。JavaScript将原来需要CGI程序在服务器端完成的处理操作放在客户端来完成，大大减少对用户操作的响应时间，使用户可以在更短的时间内完成更多的事。

JavaScript代码的运行在很多时候也需要通过html对象的事件进行驱动。（虽然这些理论都了解，但得打上。态度问题~嘎嘎~）

html基础>>

--------------------------------------------------------------
html的标准和浏览器都是在不断发展的，在使用html标签时，特别是一些新的标签时，必须要确保浏览器能够支持它。另外，在不同的浏览器中，也会出现一些非标准的标签。如ie特有的标签等~所以，当我们在编写html文档时，应充分考虑多浏览器的因素，能让多种浏览器都能阅读时衡量html文档好坏的一个标准~

通常一个web页是由文本、标签和一些注释组成的。（顺便温习下html吧）
html标签有单独标签和成对标签。单独标签如<hr>和<br>不能用于格式化文本。
成对标签又成为容器，它使用一个开始标签和一个结束标签来标示文本。结束标签时在一个标签的名称前加一个“/”。
如<title>翩哥学JavaScript</title>
还有一些特殊的标签，必须放在其它的容器中才能够使用。比如<input>必须放在<form>标签内；<li>必须放在<ol>标签之内。
注释：格式不会显示在浏览器中~

HTML文档结构：↓
<html>
<head>
<titile></titile>
</head>
<body>
</body>
</html>.

标签公用属性：

* class 指明html标签所属的类
* id       定义一个唯一的标识
* name  为标签命名
* style 指明标签使用的样式

在html文档中嵌入JavaScript>>（终于讲到JavaScript了）

--------------------------------------------------------------

JavaScript代码使用<script>和</script>集成到html文档中。一个html中可以嵌入多个JavaScript代码。每个JavaScript代码中可以包含一条或多条JavaScript语句。

script也有几个属性。

defer：属性值为Boolean值，用于告诉浏览器脚本是否有输出内容

language：用于指定脚本使用的语言，现在已经很少使用该属性

src：指定使用的外部JavaScript代码的URL地址

type：代替language属性，用于指明脚本使用的语言。

详解：
      Defer是一个简单的属性，它的作用就是告诉浏览器JavaScript代码是否会产生输出，也可以说document.write()方法是否被使用。
      language属性在最近的html和xhtml中已经不再使用，但为了使以前的web也仍能够不加修改就可以正确的显示，所以现在的<script>仍保留了language属性。
   src javascript代码嵌入到html中有两种方式：一是直接将代码写在html文档中；另一种方式是使用<script>的src属性。第一种称为内联方式。使用src引用另一个文件称为外联。
如：<script src="testscript.js"></script>
使用src属性的一个好处是可以在不打开html文件的情况下修改JavaScript代码。另一个好处就是可以保护你不想让别人看到的JavaScript代码
   type属性：格式<script type="text/javaScipt">

编写JavaScript脚本：
————————————————————————
编写脚本对工具的选择没有什么特别的要求。记事本，浏览器就可以了

编写我的第一个JavaScript脚本：
小步骤：（1）编写html文档
<html>
      <head>
      <title></title>
      </head>
      <body>
      </body>
   </html>
   小步骤：（2）插入<script>……</script>标签
<html>
      <head>
      <title></title>
   <script type="text/JavaScript"></script>
      </head>
      <body>
      </body>
   </html>
小步骤：（3）书写脚本
   <html>
      <head>
      <title></title>
   <script type="text/JavaScript">
            <!--
            document.write("回来后的第一个脚本！")
      --//>
   </script>
      </head>
      <body>
      </body>
   </html>
小步骤：（4）保存，预览。将文件保存为.htm 或.html 文件（废话）

值得纪念呢~呵呵！

脚本在什么时候执行
根据JavaScript 脚本编写的方式脚本的执行有多种情况。当浏览器打开一个HTML文档时它将从头开始解释整个文档。像在上例中使用document.write 方法在遇到它的时候执行，而有一些脚本如函数function在被调用的时候。脚本函数的调用往往都是通过事件来进行驱动的。

1.打开页面时执行脚本
如果脚本中有可以直接执行的语句则会在遇到的时候马上解释执行

2.onLoad 事件执行脚本
onLoad 事件是一个页面在浏览器中打开时发生的。该方法常用于在打开一个页面的同时向用户显示一些消息，一般在body中调用

3..通过用户事件执行脚本（就是传说中的触发）
移动鼠标、点击链接、单击按钮等等等等~~~~~~

-------------------- -菜鸟小结------------------------
1.<script>标签可以插入到html文档中的任何位置。但在内嵌的情况下多数习惯放在<head></head>之间

2.脚本执行的区别：
打开页面时执行脚本不显示页面内容；onload事件显示页面内容同时执行脚本；用户事件被触发才执行。

文库|博客

返回列表

Chinaunix › 论坛 › 程序设计 › Web开发 › 【学习JavaScript】JavaScript与html

【学习JavaScript】JavaScript与html [复制链接]

浏览过的版块