美文网首页
JS的基本语法

JS的基本语法

作者: wangfanghua | 来源:发表于2019-02-02 13:33 被阅读0次
    JS的基本输出
    document.write("文本输出");
    constructor("控制台输出");
    
    JS修改Html
    <p id="test">Test</p> 
    //2.修改html
    document.getElementById("Test").innerHTML = "测试";
    //字体颜色修改为Red(红色)
    document.getElementById("demo").style.color = "red";
    
    JS对话框
    //普通的对话框
    alert("我是普通的对话框");
    /*
    *带有button的选择对话框
    *如果为true则按下了确定按钮,反之则是取消
    */
    confrim("带有选择条件的对话框");
    //输入文本框,当值为true的话可以用var创建变量接收值
    prompt("msg","value");
    
    JS的函数基本使用
    //1.一个最基本的函数
    /*
    *函数和java中的方法差不多
    */
    function main(){
        alert("函数被执行了");
    }
    //调用方法
    main();
    //2.带参数的函数
    function mainone(name){
        alert("name:"+name);
    }
    //调用方法
    mainone("Admin");
    //3.带有返回值的函数
    function maintwo(){
        return "我是返回值";
    }
    //调用方法
    maintwo();//这个函数的值是一个String,可以用输出来输出它
    
    JS循环的使用
    //1.for循环
    var i;
    var sum = "";
    for(i = 0;i<5;i++){
        sum = sum+i+"<br>";
    }
    document.write(sum);
    //2.while循环
    var i=0;
    var sum = "";
    while(i<5){
        sum = sum +i+<br>;
        i++;
    }
    document.write(sum);
    //3.for...in遍历
    var sum = "";
    var i;
    var arr = [1,1,0];
    for (i in arr){
        sum = sum+arr[i]+"<br>";
    }
    document.write(sum);
    
    JS的选择语句
    //1.if选择
    if(i = 0){
        alert("i=0");
    }else{
        alert("i!=0");
    }
    //2.switch选择
    switch(i){
        case 1 :
            doucument.write("i = 1");
            brealk;
        case 2 :
            doucument.write("i = 2");
            brealk;
    }
    

    相关文章

      网友评论

          本文标题:JS的基本语法

          本文链接:https://www.haomeiwen.com/subject/qoessqtx.html