web前端--JavaScript(一)入门

入门,if判断,for循环,while循环

1、什么是javascript?

javascript是用在网页中的语言,HTML,CSS和JS三者的关系,HTML是网页的结构,CSS是网页的样式,js是网页的行为,所说的行为是指网页与用户的交互中页面的变化,如动画、响应等。

(1)js书写方式有三种:

1、在页头head中添加
2、在body中添加
3、外部引入js(最常用,最规范,尽可能结构html、行为js、样式css三者分离)

(2)主流浏览器及其内核:

IE-trident
Chrome-webkit/blink
firefox- Gecko
Opera- presto
Safari- webkit

(3)js数值类型:两种原始值和引用值

原始值:数值,布尔类型(true和false),字符,未定义underfined,null空
原始值存在stack栈中,
引用值:数组,对象object,function函数,正则表达式RegExp
引用值存在heap堆中,数组是引用值.
注意:在js中字符串中全是数字,默认为数字,若有字母,则为字符串

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js</title>
<!--    <script>-->
<!--        alert("hello world")-->
<!--        // 网页弹出窗口-->
<!--    </script>-->
<!--<script src="javascript.js"></script>-->
</head>
<script>
    var jss="变量-名称";
    var num=100;
    //变量命名:不能以数字开头
    //不能和函数库相关
    // alert("文本");
    // alert(jss);
    document.write(jss)
    document.write("<h1>"+num+"</h1>")
    var Name=prompt("你的名字:","")
    document.write(Name)
    //弹出对话框,输入文字在网页上显示
</script>
<body>
</body>
</html>

在这里插入图片描述

2、条件语句&循环语句

if ,else if else与c语言用法一样判断条件需要注意的是,!=和!==等价。
实现小功能,弹窗输入密码,可以多次输入,直到输入正确。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>条件判断</title>
    <script>
        var pwd=prompt("请输入您的密码:","");
        // if (pwd == 404){
        //     // 在js中字符串中全是数字,默认为数字,若有字母,则为字符串
        //     document.write("登录成功")
        // }
        // else{
        //     document.write("Wrong")
        // }
        // js中,if() else if() else &&与,!=和!==都可以
        while(pwd !=404){
            pwd = prompt("密码错误,请重新输入","");
        }
        if (pwd ==404){
            document.write("登录成功"+"<br>");
        }
        for (var i=0;i<=10;i++){
            document.write(i+"<br>")
        }
    </script>
</head>
<body>
</body>
</html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值