js的引入和简单使用

一js引入

方法一js可以直接在HTML中直接使用，放在script中，如下图使用js判断1是不是1

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
</html>
<script>
    console.log(1=='1')

</script>

使用console.log方法输出内容，必须使用检查才能查看结果，所有做测试时可以使用document.write直接输出在网页上

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
</html>
<script>
    document.write(1=='1')

</script>


方法二js也可以使用外链引入方法如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>

<script src="js/test.js">//不可以写js语句</script>

　　


二js的简单使用，求a！为例

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>JS项目</title>
</head>
<body>
<h2>操作区</h2>
a=<input type="text" id="text41">

<button type="button" onclick="myFunction41()">计算</button>

<span><br>结果是:</span>
<span id="demo41"></span>

<script>
    function myFunction41() {
        var a = Number(document.getElementById("text41").value);
        b=1;
        for (var i=1;i<=a;i++)
            b=b*i;
        document.getElementById("demo41").innerHTML =(b);
    }
</script>
<p id="demo">
</body>
</html>

　　

posted @ 2021-11-20 10:57  蘑菇萌萌哒  阅读(441)  评论(0)    收藏  举报