JavaScript基础

1、基础

p id="p1">
    我是第一段文字/p>
    p id="p2">
    我是第二段文字/p>
    script type="text/javascript">
     document.write("hello");
     document.getElementById("p1").style.color="blue";
     document.getElementById("p2").style.color="#fff";
     document.getElementById("p2").style.background="#f35";
    /script>
    

2、弹窗

script type="text/javascript">
    alert("hello!");
    /script>
    

点击弹出5：

script type="text/javascript">
    function shuzi(){
               var er=2;
               var san=3;
               var sun= er + san;
               alert(sun);
       }
    /script>
    input type="button"  value="点击我" onclick="shuzi()" />

 弹出I love JavaScript：

function rec(){
        var mychar="I love JavaScript";
        alert(mychar);
  }
    input type="button"  value="点击我" onclick="rec()" />
    

var mymessage=confirm("你喜欢JavaScript吗?");
if(mymessage==true){
    document.write("很好,加油!");
   }
else{
    document.write("JS功能强大，要学习噢!");
}

提问：

function rec(){
     var score;
     //score变量，用来存储用户输入的成绩值。 score = prompt();
                ;
     if(score>
=90) {
        document.write("你很棒!");
 }
     else if(score>
=75)    {
        document.write("不错吆!");
 }
     else if(score>
=60)    {
        document.write("要加油!");
}
else{
    document.write("要努力了!");
}
  }
    

3、变量，输入100数字

script type="text/javascript">
    var myunm;
    myunm=100;
    document.write(myunm);
    /script>
    

4、成绩及格了

script type="text/javascript">
    var score =80;
     //score变量存储成绩，初值为80if(score>
=60){
    document.write("很棒，成绩及格了。");
}
else{
    document.write("加油，成绩不及格。");
}
    /script>
    

5、document.write输入内容

script type="text/javascript">
        var mystr="我是";
        var mychar="JavaScript";
        document.write(mystr+mychar+"br>
    ");
        var mykun="123kunkunkun"    document.write(mykun+"我爱你");
    /script>
    附：document.write(mystr+mychar+"的忠实粉丝！");
    

6、获取元素内容

p id="con">
    JavaScript/p>
    script type="text/javascript">
      var mychar=document.getElementById("con").innerHTML;
      document.write("结果:"+mychar);
     //输出获取的P标签内容/script>
    

7、innerHTML 属性

h2 id="con">
    javascript/H2>
    p>
     JavaScript是一种基于对象、事件驱动的简单脚本语言/p>
    script type="text/javascript">
      var mychar= document.getElementById("con");
               ;
      document.write("原标题:"+mychar.innerHTML+"br>
    ");
     //输出原h2标签内容  mychar.innerHTML="Hello world";
      document.write("修改后的标题:"+mychar.innerHTML);
     //输出修改后h2标签内容/script>
    

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！