zoukankan      html  css  js  c++  java
  • javascript

    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)
    {
    代码
    }
  • 相关阅读:
    通用权限管理设计 之 数据库结构设计
    jQuery LigerUI 插件介绍及使用之ligerDateEditor
    jQuery LigerUI 插件介绍及使用之ligerTree
    jQuery LigerUI V1.01(包括API和全部源码) 发布
    jQuery liger ui ligerGrid 打造通用的分页排序查询表格(提供下载)
    jQuery LigerUI V1.1.5 (包括API和全部源码) 发布
    jQuery LigerUI 使用教程表格篇(1)
    jQuery LigerUI V1.0(包括API和全部源码) 发布
    jQuery LigerUI V1.1.0 (包括API和全部源码) 发布
    nginx keepalived
  • 原文地址:https://www.cnblogs.com/xiaoqiqistudy/p/11204273.html
Copyright © 2011-2022 走看看