zoukankan      html  css  js  c++  java
  • 怎样在页面中调用js文件

    (转)怎样在页面中调用js文件

    JS文件,就是JavaScript文件。

    大段的代码放在网页中,看起来非常的头疼,这时我们可以把代码放到记事本,然后保存为JS文件。

    比如,我们要在首页中加上一个对联式的广告,那么我们可以在网上找一段这样的代码,接着保存为JS文件(如dd.js)。

    那么如何在首页中调用这个JS文件呢?

    非常简单,只要在index页面中加上下面这句话就OK了。

    <script     src="dd.js"></SCRIPT>

    学习简单使用语法:

    一、JavaScript脚本语言的特性
    JavaScript脚本语言是一种面向浏览器的网页脚本编程语言。脚本语言有以下几个特性:
    1、在客户端执行。完全在用户的计算机上运行,无须经过服务器。
    2、面向对象。具有内置对象,也可以直接操作浏览器对象。
    3、动态变化。可以对用户的输入作出反应,也可以直接对用户输出。
    4、简单易用。JavaScript脚本语言虽然简单,但初学者也能快速掌握。
    5、只能与HTML语言一起使用。要通过浏览器解释执行。
     
    二、如何在HTML中加入JavaScript脚本

    JavaScript采用的格式如下:
    <Script Language="JavaScript">
    JavaScript 语句
    </Script>
    把上述语句放在HTML的<head>与</head>之间,也可放在<body>与</body>之间。
    例子:在网页上显示“你好!”。
    <html>
    <body>
    <Script Language="JavaScript">
    alert("你好!")
    </script>
    </body>
    </html>
     
    三、在浏览器地址栏直接执行JavaScript脚本

    也可以在浏览器的地址栏中输入JavaScript语句,由浏览器直接执行。
    如输入:javascript:alert(200*75)

    四、调用JavaScript文件

    可以将纯JavaScript的语句另外保存在一个"*.js"的文件中,需要时再调用。

    例子:调用test.js文件,显示提示。
    <html>
    <body>
    调用test.js文件
    <script language="JavaScript" src="test.js">
    </script>
    </body>
    </html>
    test.js的文件内容如下:
    alert("这是被调用的语句。")

    五、注释语句

    用<!- ... ->表示注解部分,用作说明解释,浏览器不显示出来。不要也可以。
    另外,双斜线 "//" ,是JavaScript 的注释语句,它后面的语句不被执行。
     
    六、变量的使用

    变量的声明:Var usename
    变量的赋值:usename="李国强"
    例子:在网页上显示“李国强你好!”。
    <html>
    <body>
    <Script Language="JavaScript">
    Var usename
    usename="李国强"
    alert(usename + "你好!")
    </script>
    </body>
    </html>
     
    七、数组

    数组的定义:var name=new Array(5) 用 new 来生成数组。
    数组的赋值:name[1]="Marry"
    数组的初始化:var name=new Array("Marry","Petty","Mike","Jphn")
    数组的引用:name[1]

    注:数组的第一个素由1开始。
     
    八、运算符与表达式

    1、代数运算符:加(+)、减(-)、乘(*)、除(/)、取余(%)。
    2、比较运算符:等于(==)、不等于(!=)、大于(>)、小于(<)、大于等于(>=)、小于等于(<=)。
    3、逻辑运算符:逻辑与(&&)、逻辑或(||)、逻辑非(!)。
    表达式:由变量和运算符组成的式子。如:usename + "你好!"
    如果你有保存一个单独的js文件,调用时采用
    <script src="*" type="text/javascript"></script>
    就可以了
    "*"指js文件的地址
  • 相关阅读:
    洛谷P2770 航空路线问题 最小费用流
    洛谷P2766 最长不下降子序列问题 网络流_DP
    洛谷P2763 试题库问题 最大流
    洛谷P2756 飞行员配对方案问题 网络流_二分图
    洛谷P2045 方格取数加强版 最小费用流
    洛谷P1231 教辅的组成 网络流
    LA3231 Fair Share 二分_网络流
    [CTSC1999]家园 分层图网络流_并查集
    力扣题目汇总(丑数,重复N的元素,求众数)
    力扣题目汇总(最长连续递增序列,旋转图像(中等),宝石与石头)
  • 原文地址:https://www.cnblogs.com/pyman/p/1543386.html
Copyright © 2011-2022 走看看