JavaScript学习笔记(02)之如何写入HTML中

时间:2022-08-25 16:22:02
        欢迎来到了Javascript世界第一站,这里是技术交流社区,令人憧憬的技术变革所带来的喜悦,与您共分享。JavaScript学习笔记(02)之如何写入HTML中

这一篇将分享一下Javascript的一些入门级基础,前面说过,javascript作为一门脚本语言,既可以运行在客户端,也可以运行在服务器端。但我们用它更多的是在客户端动态地改变网页的显示。废话少说,单刀直入javascript吧JavaScript学习笔记(02)之如何写入HTML中

        首先我们要明白的是,它的基本语法:<script>......</script>标签。而这个标签包含的脚本实现内容则是可以在任意地方插入(有时候可以在<html></html>之后

值得注意的是:当您要在框架的网页中使用,那么一定要在<frameset>标签之前就要插入了,否则无法正常显示哦

         言归正传,如何书写Javascript呢,按照位置来划分,通常有一下几种:

一、最简单的是在HTML内部中直接引用

        格式如下:

                        温馨提示:如果您不写type属性的话,则表明标签中使用的脚本语言是VBScript。

         是不是想体验一把呢?请看下面例子:     

<html>
<body>
<script>
document.write("Hello,my world!");
alert("这是我的第一个Javascript应用程序");
</script>
</body>
</html>

以上的例子是在<body>...<body>之间使用的Javascript的,不过我们很多时候都是放在<head>...</head>之间。也许你就会问了,这两者有什么区别呢?什么时候放在<head>呢?什么时候放在<body>中呢?以下是关于两者区别的以下阐述:

         (1) 放在<head>中的脚本:当脚本被调用时,或者当事件被触发时,脚本就会执行。好处就是:位于<head>之后,可以确保在使用这些脚本之前,这些脚本早已被载入了

         (2)放在<body>中的脚本:在页面载入时脚本就会被执行,生成页面的内容。感觉很笼统是吧?这么说吧,在<body>中嵌入javascript脚本语言,它在页面触发那时才载入

但是何时处于什么位置呢

        a、当javascript要在页面加载过程中动态建立一些WEB页面的内容时候,应将javascript放在<body>标签中。

        b、而定义为函数并用于页面事件的javascript应当放在<head>标签中,正如前面所说的,它会在<body>标签之前加载了。

二、在HTML外部引用

        废话少说,其实就是实现外连接,注意,您在外部编写一个javascript文件,该文件以 .js 为扩展名。那么你怎样在HTML中引用这个外部的javascript呢?

        很简单,您就写入一下这么一句话:

<script type="text/javascript" src="URL(你的javascript的.js文件路径,如eg2_js.js)">
</script>

三、在HTML代码行中直接嵌入脚本

这种方式吧,是通过<html>标签中的“事件”来实现的。如下(关于HTML属性标签,这里就不多做介绍啦,不懂的,自己查查书本。明白的话,一下子就知道了):

<html>
<body>
<p>
<input type="button" name="button" id="button" value="点击我试试" onclick="javascript:alert('哈哈,你点击了一个按钮哦!');">
</p>
<p>
<a href="javascript:history.back();">返回首页</a>
</p>
</body>
</html>

 

这部分先讲到这里吧,其他的如果有补充,我到时候添加,欢迎您的继续关注,个人水平所限,有错误的地方,敬请指出~~~~

 

****************************************************************************************************************************************************************************************

❤永葆一颗纯洁、宽容平和、仁慈谦卑和意气风发的心!

态度决定一切     努力改变命运