雀雀JavaScript基础Note1

最新推荐文章于 2022-09-23 07:45:00 发布

雀雀coder

最新推荐文章于 2022-09-23 07:45:00 发布

阅读量155

点赞数

分类专栏：雀雀学JavaScript基础篇

本文链接：https://blog.csdn.net/weixin_41873431/article/details/80030542

版权

雀雀学JavaScript基础篇专栏收录该内容

6 篇文章 0 订阅

订阅专栏

JavaScript基础Note1

2018年4月19日星期四

外部JavaScript文件调用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>外部JS文件</title>
    <script type="text/javascript" src="index.js"></script>
</head>
<body>

</body>
</html>

document.write("初学JavaScrip");
document.write("<h1>Hello JavaScript ! </h1>")

HTML标签引用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>html标签引用</title>
</head>
<body>
<input type="button" value="弹出消息" οnclick="javascript:alert('欢迎你')">
<a οnclick="javascript:alert('欢迎你')"href="javascript:alert('a标签弹出')">a标签</a>
</body>
</html>

变量

var width;
width = 5;
document.write("width -"+ typeof (width) +"<br/>");
var catName = "雀雀";
var x,y = true , z = 10;
height = 500;
document.write("x -" + typeof (x)+ "<br/>");
document.write("y -"+ typeof(y) + "<br/>");
document.write("z -"+ typeof (z)+ "<br/>");
document.write("catName -"+ typeof (catName) +"<br/>");
document.write("height -" + typeof (height) +  "<br/>");
document.write("null -" + typeof (null))

数组

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数组对象</title>
</head>
<body>
<script>
    var width = "width height px hello world";
    var array = width.split(" ");
    document.write("数组信息：" + array+"<br/>");
    document.write("数组信息：" + array.length+"<br/>");

    var doc = new Array(5);
    for (var i = 0; i < array.length; i++) {
        document.write(array[i] + "<br/>");
    }
    array.push("Welcome");
    document.write(array.join()+ "<br/>");
    document.write(typeof (array)+ "<br/>");
    
</script>
</body>
</html>

for in循环

for (var i in array){
    document.write(array[i] + "<br/>");
}

输入和输出

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>输入和输出</title>
</head>
<body>
<script>

    alert("欢迎进入");
    var doc = prompt("提示信息","输入文本框的默认信息：")
    document.write(doc)

</script>

</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>输入和输出</title>
</head>
<body>
<script>

    alert("欢迎进入");
    var star = prompt("输入一个整数：","");
    // document.write(star);
    console.log(star);
    if (star > 5) {
        for (var i = star; i > 0; i--) {
            for (var j = 0; j < i; j++) {
                document.write("*&nbsp;&nbsp;&nbsp;")
            }
            document.write("<br/>")
        }
    }else {
        for (var i = 0; i < star; i++) {
            for (var j = 0; j <= i; j++) {
                document.write("*&nbsp;&nbsp;&nbsp;")
            }
            document.write("<br/>")
        }
    }
</script>

</body>
</html>

雀雀coder

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
雀雀JavaScript基础Note1

JavaScript基础Note12018年4月19日星期四外部JavaScript文件调用&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;外部JS文件&lt;/title&gt; &lt;script
复制链接

扫一扫