JavaScript基础

老白 7个月前 248浏览 0评论

1、基础

JavaScript基础 js/jQuery 第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、弹窗

JavaScript基础 js/jQuery 第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()" />

JavaScript基础 js/jQuery 第3张

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

提问:

JavaScript基础 js/jQuery 第4张

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变量存储成绩,初值为80
if(score>=60){
document.write("很棒,成绩及格了。");
}else{
document.write("加油,成绩不及格。");
}
</script>

5、document.write输入内容

JavaScript基础 js/jQuery 第5张

<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、获取元素内容


JavaScript基础 js/jQuery 第6张

<p id="con">JavaScript</p>

<script type="text/javascript">

  var mychar=document.getElementById("con").innerHTML;

  document.write("结果:"+mychar); //输出获取的P标签内容

</script>

7、innerHTML 属性

JavaScript基础 js/jQuery 第7张

<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>

 

发表评论