美文网首页
JavaScript的用法

JavaScript的用法

作者: storm_king | 来源:发表于2017-03-21 21:39 被阅读0次

<script>标签

如果需要在HTML页面中插入javaScript,必须要使用<script>标签。

<script>和</script>会告诉javascript在何处开始和结束。

<script>和</script>之间的代码行包含了javascript;

浏览器会解释并且执行位于<script>和</script>之间的javascript代码。

javaScript代码放置的位置

javaScript代码可以放在HTML文档中,也可以将其保存到外部文件中。

在HTML文档中可以放入不限数量的脚本,脚本可位于HTML的<body>或<head>部分中,或者同时存在于两个部分中,通常的做法是把函数放入<head>部分中,或者放在页面底部,这样可以把他们安置在同一处位置,不会干扰页面的内容。

在<body>中的javaScript

例:

<head>中的javaScript函数

javaScript函数和事件:通常,我们需要在某件事件发生时执行代码,比如当用户点击按钮时。如果,我们把JavaScript代码放入函数中,就可以在事件发生时调用该函数。

例:在该例中,将一个javascript函数放置到HTML页面的<head>部分,该函数会在点击按钮时被调用。

<body>中的JavaScript函数

例:在本例中,我们把一个 JavaScript 函数放置到 HTML 页面的  部分。

该函数会在点击按钮时被调用:

外部的JavaScript

也可以将脚本保存到外部文件中,外部文件通常包含被多个网页使用的代码。

外部javaScript文件的扩展名是.js;

如需使用外部文件,请在<script>标签属性中设置该.js文件:

注:外部脚本不能包含<script>标签。

例:

相关文章

  • JavaScript encodeURIComponent()

    JavaScript encodeURIComponent() 函数 JavaScript 全局对象 定义和用法 ...

  • 二十分钟学会Javascript初级知识

    Javascript基本用法 Javascript代码写在 标签内 //Javascript代码写在这里 Java...

  • 2016-11-24

    JavaScript escape() 函数 JavaScript 全局对象 定义和用法:escape() 函数可...

  • Javascript 的 this 用法

    this是Javascript语言的一个关键字。正确掌握了 JavaScript 中的 this 关键字,才算迈入...

  • Javascript的this用法

    this是Javascript语言的一个关键字。 它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。比...

  • Javascript的this用法

    this是Javascript语言的一个关键字。 它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。比...

  • Javascript的this用法

    Javascript的this用法 随着函数使用场合的不同,this的值会发生变化。但是有一个总的原则,那就是th...

  • Javascript的this用法

    深入浅出 JavaScript 中的 this 在 Java 等面向对象的语言中,this 关键字的含义是明确且具...

  • JavaScript的用法