JS学习笔记——基础

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Js学习笔记-js基础</title>
</head>

<input type="button" value="这是一个用来测试aletr的按钮" onclick = "alert('这里是警告框的内容')">
<!-- onclick:当点击触发事件onload:加载完成触发事件onmouseover:鼠标移到上面触发事件onkeydown:某个键盘按键被按下触发事件 onchange:域的内容被改变触发事件-->
<!-- alert:显示一个警告框 -->

<input type="button" value="这是一个用来测试prompt的按钮" onclick="show(prompt('请输入想打印的次数'))">
<!-- prompt：用于显示可提示用户输入的对话框 -->

<input type="button" value="这是一个用来测试confirm的按钮" onclick="remove(confirm('你确定要删除这条数据吗'))">
<!-- confirm:显示一条提示性语句,点击确定返回true，点击取消返回false -->

<input type="button" value="这是一个关闭这个网页的按钮" onclick="close_plan()">

<input type="button" value="这是一个打开其他网页的按钮" onclick="open_plan()">
<script>
    document.write("<br>");
    document.write("javascript");//使用doucument.write进行打印
    document.write("<h1>hello world</h1>");

    var a;
    var b = 10;
    var c = "java";

    document.write(a+"<br>");
    document.write(b+"<br>");
    document.write(c+"<br>");
    document.write("<br>");
    document.write(typeof(a)+"<br>");//返回数据类型
    document.write(typeof(b)+"<br>");
    document.write(typeof(c)+"<br>");
    document.write("<br>");

    var arr = new Array();//定义了一个数组
    arr[0] = "苹果";
    arr[1] = "梨子";
    arr[2] = "香蕉";

    document.write(arr+"<br>");
    arr.push("西瓜");//往数组里添加元素
    document.write(arr+"<br>");
    document.write(typeof(arr)+"<br>");
    document.write(arr.join(".")+"<br>");//jion()把数组中的所有元素放入一个字符串,并且可以规定分割符
    document.write(typeof(arr.join())+"<br>");
    document.write("------------------------------"+"<br>");

    for (var i =0; i <arr.length; i++) {
        document.write(arr[i]+" ");
    }

    document.write("<br>");
    document.write("---------------------------"+"<br>");

    for(var i in arr){//使用for in 进行打印
        document.write(arr[i]+" ");
    }

    var d = 1;
    var e = 2;
    if(d>e){
        alert(d);
    }else{
        alert("网页刚打开就会出现");
    }

    document.write("<br>"+"<br>");
    var f = prompt("你下面输入的这个值将会被打印出来","");//prompt：用于显示可提示用户输入的对话框
    if(f!=null && f!=""){
        document.write("欢迎"+f);
    }else{
        document.write("hi!你好像忘了输入点什么"+"<br>");
    }
    document.write("<br>"+"<br>");

    var f = "abc";
    var g = "1.0";
    var strToint = parseInt(f);//将字符串转化为整形
    var strTofloat = parseFloat(g);
    document.write(typeof(f)+"<br>");
    document.write(typeof(g)+"<br>");
    document.write(typeof(strToint)+"<br>");
    document.write(typeof(strTofloat)+"<br>");
    document.write(isNaN("abc")+"<br>");//isNaN:判断是否是非数字,若是返回true

    function show(count){//自定义函数
        for(var i=0 ;i<count;i++){
            document.write("你好"+"<br>");
        }
    }

    function remove(flage){
    if(flage){
        alert("删除成功");
    }else{
        alert("你取消了删除");
        }
    }

    function close_plan(){
        window.close();//关闭浏览器窗口
    }
    function open_plan(){
        window.open("https://blog.csdn.net/progammer10086","","height=500,width=800,left=300,top=200");//打开新的浏览器窗口,可以控制新的浏览器的结构样式
    }
</script>

</html>
JS学习笔记——基础

猜你喜欢
