位置：广州松河 > 技术支持 > JavaScript基础_js/jQuery

JavaScript基础_js/jQuery

来源：网络整理时间：2023/3/4 0:56:48 共 3613 浏览

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变量存储成绩，初值为80
if(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>

版权说明：
本网站凡注明“广州松河原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：JavaScript-提问（prompt 消息对话框）_js/jQuery | ·下一条：清除浮动的三种方法 clear: both、width: 100%;overflow: hidden、换行_CSS学习