js如何使用?

js如何使用?,第1张

我们先来看第一种用法:在HTML页面中直接嵌入js代码

如果在HTML页面中直接嵌入JavaScript代码,我们需要使用 <script> 标签,<script> 和 </script> 会告诉 JavaScript 在何处开始和结束。

<script> 和 </script> 之间的代码行包含了 JavaScript:

<script>

alert("My First JavaScript");

</script>

在HTML页面的任何位置(head部分 body部分 body的后面 较好)都可以插入script标签。

你有可能会在 <script> 标签中看到使用 type="text/javascript",但是现在已经不必这样做了。JavaScript现在已经是所有现代浏览器以及 HTML5 中的默认脚本语言。

我们来看一个具体的示例

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<script>

documentwrite("<h1>This is a heading</h1>");

documentwrite("<p>This is a paragraph</p>");

</script>

</body>

</html>

上述代码就是在在HTML页面中直接嵌入js代码。

接着我们来看看js代码的第二种用法:通过链接外部的JavaScript文件

有时JavaScript代码过多的话,我们可以将代码单独放在JavaScript文件中然后链接起来。

我们链接外部JavaScript文件可以有以下步骤

1、首先我们建立一个JavaScript文件,扩展名是js

2、然后将要编写的js代码写到Js文件中,并保存文件。

3、使用script标签将JavaScript文件链接到HTML文件中

<script type="text/javascript" src="JavaScript文件名和路径"></script>

需要注意一点的是,在一个已经引入外部js文件的script标签中,不能在它的开始标签和结束标签中写Js命令了。

我们来看一个具体的示例

我们先建一个js文件samplejs

然后写入js代码

documentwrite("<p>This is a paragraph</p>");

最后使用script标签将JavaScript文件链接到HTML文件中

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<script type="text/javascript" src="samplejs"></script>

</body>

</html>

以上就是js代码使用的两种方法

JS运算符号大于等于属于比较运算符,返回值的类型是布尔型,符号是“(值>=值)”。

1、新建html文档,在body标签中添加一个script标签,然后打开浏览器的控制台:

2、在控制台编写js代码,代码内容是“5”大于等于“6”,云算法两侧不成立,此时变量返回false:

3、在控制台编写js代码,代码内容是“6”大于等于“6”,运算符两侧成立,此时变量返回true:

使用<script>标签在HTML网页中,JavaScript代码。注意,<script>标签要成对出现,并把JavaScript代码写在<script></script>之间。

<scripttype="text/javascript">表示在<script></script>之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于JavaScript语言。

二、引用JS外部文件:

标签在HTML文件中添加JavaScript代码,HTML文件和JS代码可以分开,HTML文件和JS代码分开,并单独创建一个JavaScript文件(简称JS文件),其文件后缀通常为js,然后将JS代码直接写在JS文件中。

三、JS在页面中的位置:

将JavaScript代码放在html文件中任何位置,javascript作为一种脚本语言可以放在html页面中任何位置,但是浏览器解释html时是按先后顺序的,所以前面的script就先被执行。比如进行页面显示初始化的js必须放在head里面,因为初始化都要求提前进行(如给页面body设置css等);而如果是通过事件调用执行的function那么对位置没什么要求的。

四、JavaScript-注释很重要

注释的作用是提高代码的可读性,注释分为两种:

单行注释,在注释内容前加符号“//”。多行注释以“/”开始,以“/”结束。

五、看定义变量使用关键字var,语法如下:

var变量名

变量名可以任意取名,但要遵循命名规则:

1变量必须使用字母、下划线(_)或者美元符($)开始。

2然后可以使用任意多个英文字母、数字、下划线(_)或者美元符($)组成。

3不能使用JavaScript关键词与JavaScript保留字。

注意:

1在JS中区分大小写,如变量mychar与myChar是不一样的,表示是两个变量。

2变量虽然也可以不声明,直接使用,但不规范,需要先声明,后使用。

六、什么是函数

函数是完成某一个特定功能的一组语句。基本语法如下:

function函数名(){

函数代码;

}

说明:

1function定义函数的关键字。

2"函数名"你为函数取的名字。

3"函数代码"替换为完成特定功能的代码。

函数调用:

函数定义好后,是不能自动执行的,所以需调用它,只需直接在需要的位置写函数就ok了,

七、JavaScript输出内容:使用documentwrite()

八、JavaScript-alert消息对话框,alert弹出消息对话框(包含一个确定按钮)。

九javaScript--确认(confirm消息对话框)

 <!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=10">

    <title>Document</title>

</head>

<body>

    <input type="number">

    <input type="number">

    <button>按钮</button>

    <p></p>

</body>

<script>

    let pText = documentquerySelector("p");

    documentquerySelector("button")onclick = () => {

        let num1 = documentquerySelector("input")value;

        let num2 = documentquerySelectorAll("input")[1]value

        if (num1 <= 300) {

            pTextinnerHTML = "应大于300"

        } else {

            let result = parseInt((num1 / 6 - num2)  004  27);

            if (result < 0) {

                pTextinnerHTML = 0;

            } else if (result > 500) {

                pTextinnerHTML = 500;

            } else {

                pTextinnerHTML = result

            }

        }

    }

</script>

</html>

 请采纳

这些合集每一个都短小精湛,但是每一个都非常实用,小伙伴们可以直接登录作者的网站进行需要代码片段的搜索,也可以逐个根据开源的内容进行学习提升。

以addWeekDays为例,就是我们比较常用的计算工作日,文中会简单的介绍主要使用的方法及理论。

然后会将示例代码及如何使用展示给大家:

constaddWeekDays==

Arrayfromreduce+1));

if%6===0)

date=newDate+/6+1)));

returndate;

},startDate);

addWeekDays,5);//Oct16,2020

addWeekDays,5);//Oct19,2020

欢迎分享,转载请注明来源:表白网

原文地址:https://h5.hunlipic.com/biaobai/267301.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-07-02
下一篇2023-07-02

发表评论

登录后才能评论

评论列表(0条)

    保存