Heim > Web-Frontend > HTML-Tutorial > 如何将脚本放在页面里?_html/css_WEB-ITnose

如何将脚本放在页面里?_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:04:42
Original
1180 Leute haben es durchsucht


用JS脚本书写文字的方法,下面是一个简单的例子:

============================================== 
脚本代码:

 
============================================== 
效果: 这是红色的字 
============================================== 
javascript和java是不同的。java是由SUN公司开发的面向对象的程序语言,它可以用来编写独立的java程序,或者编写称 
之为java applet的小程序,它主要针对于专业的编程人员,并非普通用户使用,而且一般情况下你是看不到它的源代码 
的。其中与主页制作比较密切的是java applet,它的源代码经过编译后才能执行,使用时你需要将applet代码插入HTML, 
通过浏览器载入执行。由于它装载的时间较长,如果网页中的java applet程序太多会导致页面下载很慢。这样你的访问者 
也许没有过多的耐心等待页面完全显示出来就会离开了。 我们这里所说的是javascript,你可以将它看作是java的“亲 
戚”,它实际上是一种脚本语言,是文本性质的,所以我们能够看到它的源代码,非常便于学习和理解,稍有编程经验的 
人都能迅速改变和修改其源代码以适应自己的页面,是一种真正意义上的面向普通用户的脚本语言。javascript脚本代码 
一般插入到HTML的

或区,当浏览器浏览有JS脚本的页面时就会执行并产生“交互”的动态页面效果,速度非 
常快。现在凡是制作得比较出色的网站无一例外都或多或少地使用了javascript技术。

需要注意的是:javascript脚本必须要浏览器支持才可以,如果浏览器不支持javascript或者浏览器的javascript选项没 
有打开也是不能执行的。以IE浏览器为例打开javascript的方法是“查看-选项-高级”中允许运行java即可。

如何书写javascript?

首先,javascript不是HTML。它是HTML中的一段文本。HTML的语法并不非常的严谨,实际上是非常宽松的,比如你在文字 
间或者段落间加入若干的空格对于HTML并没有多大的区别,这也就是为什么大多数HTML语言没必要非得写在同一行,写不 
写在一行这对于HTML没有任何得区别。

javascript的语法规则就要严格得多。如果这样写上面得例子:document.write("这是红色 
的字
") ,即你断行了,执行时就会出错(出错提示为:无效的结尾)。这一点应该注意。

另一个问题是:javascript大小写敏感吗? 回答是:YES

javascript的首行应该是:

记住:javascript 脚本以. 结束。

再看看上面的例子,稍微解释一下:

document.write("这是红色的字")这一句中,document是一个“已存在的对象”,write是实 
现的“方法”。于是脚本就明白了用对象写点什么东西,括弧里面就是要写的东西,你可以使用标准的HTML语法。注意: 
双引号里面要用单引号,要配对才行。否则脚本运行出错。

=================================================== 
复习一下: 
(1) 
这是红色的字这是蓝色的字

源代码: 
 
(2) 
这是红色的字

这是蓝色的字

源代码: 

:-D 在同一行和换行都要会写啊! 

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage