Javascript如何应用到网页中

2016-02-20 00:39 7 1 收藏

有一种朋友不在生活里,却在生命力;有一种陪伴不在身边,却在心间。图老师即在大家的生活中又在身边。这么贴心的服务你感受到了吗?话不多说下面就和大家分享Javascript如何应用到网页中吧。

【 tulaoshi.com - Web开发 】

这篇文章同样是我学生的整理内容,关于网页中应用JS的方法,在这里我的课程的重点不是告诉如何编写JS,而是讲给学生,告诉他们如何应用其他网站中用JS实现的各种特殊效果也就是网页特效。

前面主要介绍了CSS初学:如何修改Zblog中的CSS

大家可以去我学生的博客网站去看看:网站推广

在今天的网页中javascript 使用相当广泛,它能使网页增加互动性。javascript 使有规律地重复的html文段简化,减少下载时间。javascript 能及时响应用户的操作,对提交表单即使的检查,无需浪费时间交由cgl验证。javascript 的特点是无穷无尽的,只要你有创意。那么javascript 在网页的用法是什么呢,下面我来具体讲讲。
Javascript加入网页有两种方法:

1、直接加入HTML文档

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

这是最常用的方法,大部分含有Javascript的网页都采用这种方法,如:

script language="Javascript"

!--

document.writeln("这是Javascript!采用直接插入的方法!");

//-Javascript结束--

/script

在这个例子中,我们可看到一个新的标签: script/script,而script language="Javascript 用来告诉浏览器这是用Javascript编写的程序,需要调动相应的解释程序进行解释。

HTML的注释标签!--和--:用来去掉浏览器所不能识别的Javascript源代码的,这对不支持 Javascript 语言的浏览器来说是很有用的。

//-Javascript结束:双斜杠表示 Javascript的注释部分,即从//开始到行尾的字符都被忽略。 至于程序中所用到的document.write()函数则表示将括号中的文字输出到窗口中去, 这在后面将会详细介绍。 另外一点需要注意的是,script/script的位置并不是固定的,可以包含在head....../head 或body...../body中的任何地方。

2、引用方式 如果已经存在一个Javascript源文件(以js为扩展名),则可以采用这种引用的方式,以提高程序代码的利用率。其基本格式如下:

script src=url language="Javascript"/script

其中的Url就是程序文件的地址。同样的,这样的语句可以放在HTML文档头部或主体的任何部分。 如果要实现直接插入方式中所举例子的效果,可以首先创建一个Javascript源代码文件Script.js,其内容如下:

document.writeln("这是Javascript!采用直接插入的方法!");

在网页中可以这样调用程序:script src="Script.js" language="Javascript"/script 。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

推荐特效代码:百度联盟中的一个不错的图片切换特效

来源:http://www.tulaoshi.com/n/20160220/1632337.html

延伸阅读
前言   很多网友问到,在HTML的页面中放置一个COM对象,这个对象该如何调用页面中的脚本函数的问题,本人近日也因为工作需要实现这样的功能,在网上搜索后,获得了很多帮助,但并没有发现完整的实现。本文描述了实现过程中的几个要点,同时提供一个示例工程的下载。   1——   给接口添加一个方法:   方法名:SetClie...
您听说过网页也能用来显示硬盘内容吗?您肯定不信,因为大多数情况下,我们都是通过“我的电脑”和“资源管理器”来浏览硬盘数据。现在就让我们来看看如何用下面一小段“神奇”的网页代码实现硬盘E盘数据的显示功能。你也一定等急了,很想知道这一切是如何发生的。其实非常简单,只需在网页的<head和</head中加入如下网页源代码即可...
通常情况下我们新增列标题时都是重新套用表样式,个人感觉此步骤有些繁琐,其实可以更简单的,如果你是在套用了表样式的表格中继续添加列标题,只要在表右侧紧邻的单元格中输入列标题或数据,并按Enter键,Excel2007会自动应用相应的表样式即将当前的表样式拓展到这个新插入的列,时刻保持着整个表的外观协调一致。经测试,个人感觉这个小技巧...
今天这篇给同学们科普一下经典法则「黄金比例」,从概念到案例都有,看完不是特别清楚也木关系,最后附上一个瞬间生成黄金分割参考线的PS神器,帮你在实战中学起来。 黄金比例是什么? 黄金比例是一个数学比率,通常在自然界中都能发现它,用来建立平衡的构图。 它大约等于1.6180,也被称为中庸之道、黄金分割, 通常用希腊字母Ф表示这个...
标签: Web开发
JavaScript基本数据结构 JavaScript提供脚本语言的编程与C++非常相似,它只是去掉了C语言中有关指针等容易产生的错误,并提供了功能强大的类库。对于已经具备C++或C语言的人来说,学习JavaScript脚本语言是一件非常轻松愉快的事。 一、JavaScript代码的加入 JavaScript的脚本包括在HTML中,它成为HTML文档的一部分。与HTML标识...

经验教程

667

收藏

14
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部