码迷,mamicode.com
首页 > 编程语言 > 详细

javascript

时间:2019-07-17 23:14:46      阅读:104      评论:0      收藏:0      [点我收藏+]

标签:doctype   不同的   事件驱动   nbsp   ons   on()   body   分离   执行   

JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离。

一、使用浏览器运行JavaScript代码

JavaScript采用的格式如下:

JavaScript采用的格式如下:

<Script Language="JavaScript">

JavaScript 语句

</Script>

把上述语句放在HTML的<head>与</head>之间,也可放在<body>与</body>之间。

例子、用“记事本”(或其它文本编辑器)建立包含如下内容的HTML文件,文件名为Test01.html,注意文件名中点后面的后缀不要错了,文件内容如下:

 1 <html>
 2 
 3 <head>
 4 
 5 <scripttype="text/javascript">
 6 
 7   document.write("您好,JavaScript欢迎您的到来");
 8 
 9 </script>
10 
11 </head>
12 
13 <body>
14 
15 <br />
16 
17 这是网页运行JavaScript的例子。
18 
19 </body>
20 
21 </html>

双击Test01.html文件名运行.

将纯JavaScript的语句另外保存在一个文件名后缀为js的文件中,再调用之。这种方法需要注意被调用文件的路径。

例子:调用test.js文件,显示提示。

先用“记事本”建立一个HTML文件,文件名为Test02.html.

<html>

<body>

调用jsFile.js s文件

<br />

<script language="JavaScript"src=" jsFile.js ">

</script>

</body>

</html>

再用“记事本”(或其它文本编辑器)建立一个js文件,文件名为jsFile.js,注意文件名中点后面的后缀不要错了,文件内容如下:

document.write("您好,JavaScript欢迎您的到来");

将Test02.html和jsFile.js放在同一个文件夹中,双击Test02.html文件名运行.

JavaScript应放网页的哪里

head 部分中的脚本: 需调用才执行的脚本或事件触发执行的脚本放在HTML的head部分中。当你把脚本放在head部分中时,可以保证脚本在任何调用之前被加载。

 

<html>

<head>

<script type=”text/javascript”>
</script>

</head>

body 部分中的脚本: 当页面被加载时执行的脚本放在HTML的body部分。放在body部分的脚本通常被用来生成页面的内容。

<html>

<head>

…

l</head>

<body>

<script type=”text/javascript”>
</script>

</body>

body 和 head 部分可同时有脚本:你可在文件中放无数的脚本,因此你的文件中可以在body和head部分同时存在脚本。

 

<html>

<head>

<script type=”text/javascript”>
</script>

</head>

<body>

<script type=”text/javascript”>
</script>

</body>

 

外部脚本的使用

有时候你可能想在几个页面中运行同样的脚本程序, 而不需在各个页面中重复的写这些代码。这时你就要用到外部脚本。你可以把脚本写在一个外部文件中,保存在扩展名为 .js的文件中。注意:外部脚本文件中不要包含标记符<script>。

使用外部脚本时将标记符<script>的“src”属性值指向相应的.js文件就可以了.

<html>

<head>

<script src=”xxx.js”></script>

</head>

<body></body>

</html>

js输出

JavaScript 可以通过不同的方式来输出数据:

使用 window.alert() 弹出警告框。
使用 document.write() 方法将内容写到 HTML 文档中。
使用 innerHTML 写入到 HTML 元素。
使用 console.log() 写入到浏览器的控制台

实例1:aler()弹窗输出

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>alert输出</title>
</head>
<body>
<h1>alert输出</h1>
<script>
    window.alert(5 + 6)
</script>
</body>
</html>

 

实例2:document.write()输出

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>document.write输出</title>
</head>
<body>
<h1>document.write输出</h1>
<script>
    document.write(Date());
    document.write("Hello,Web!");
</script>
</body>
</html>

实例3:写到HTMl文档

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>写到HTMl文档</title>
</head>
<body>
<h1>写到HTMl文档</h1>
<script>
    function myFunction() {
        document.write("函数输出");
    }
</script>
<button οnclick="myFunction()">点击这里</button>
</body>
</html>

实例4:使用 console.log() 写入到浏览器的控制台

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>使用console.log()写入到浏览器的控制台</title>
</head>
<body>
<h1>console.log()写入到浏览器的控制台</h1>
<script >
    a = 5;
    b = 6;
    c = a + b;
    console.log(c)
</script>
</body>
</html>

JavaScrip变量

在编程语言中,变量用于存储数据值。JavaScript 使用关键字var来定义变量, 使用等号来为变量赋值,变量之间可以相互操作.

JavaScript函数

为了能够重复引用相同的功能,减少代码的书写和维护的方便,JavaScript提供函数功能,由关键字function引导.

function myFunc(a, b) {
    return a + b; // 返回a+b结果
}

JavaScript注释(与Java相同)

// 这是代码:单句注释

/* 这是代码 */:多行注释

函数

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。当调用该函数时,会执行函数内的代码。可以在某事件发生时直接调用函数(比如当用户点击按钮时),并且可由 JavaScript 在任何位置进行调用。

在调用函数时,您可以向其传递值,这些值被称为参数,参数个数不限。

function myFunction(var1,var2)
{
代码
}

 

javascript

标签:doctype   不同的   事件驱动   nbsp   ons   on()   body   分离   执行   

原文地址:https://www.cnblogs.com/xiaoqiqistudy/p/11204273.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有 京ICP备13008772号-2
迷上了代码!