2017.7.10 学习笔记 js基础

xiaoxiao2021-02-28  113

<html> <head> <title></title> <script> </script> </head> <body > <script type = "text/javascript"> document.write("<div>输出语句01</div>"); document.write("<p>输出语句02</p>"); </script> <script type = "text/javascript"> function myFunction(){ var k="";  for(var i=0;i<5;i++){ k=k+"第一次"+i+"<br/>";  }  document.getElementById("demo").innerHTML=k; } </script> <div align = "center" style = "color:red">; <p >点击下面的按钮,将代码块循环五次:</p> <button οnclick="myFunction()" style = "color:blue">点击这里</button> <p id="demo"></p> </div> <!--JavaScript弹出对话框的三种方式--> <script language="javascript">  alert("上联:山石岩下古木枯");//警告框 </script> <script language="javascript"> //确认/取消对话框 confirm("上联:一但重泥拦子路;下联:两岸夫子笑颜回"); </script> <!-- <script language="javascript"> //js询问框 var name,age; name=prompt("请问你叫什么名字?"); /*在页面上弹出提示对话框, 将用户输入的结果赋给变量name*/ alert(name); //输出用户输入的信息 age=prompt("你今年多大了?","请在这里输入年龄"); /*在页面上再一次弹出提示对话框, 讲用户输入的信息赋给变量age*/ alert(age)//输出用户输入的信息 </script>--> <!--单击双击时间--> 字段1: <input type="text" id="field1" value="Hello World!" > <br /> 字段2: <input type="text" id="field2" οndblclick="this.value=''"> <button οndblclick="document.getElementById('field2').value = document.getElementById('field1').valu e">点两次</button> <!--获取email--> <script language="javascript"> function myFunction(){ var email=document.getElementById("email"); alert(email.value); alert(email.id); alert(email.type); } </script> <form> <input type="text" id="email"/> <input type="button" value="email" onclick = "myFunction()"> </form> <!--点击换图---> <script> function changeImage() { var element=document.getElementById('myimage'); if(element.src.match("bulbon")) { element.src="1.jpg"; }else { element.src="2.jpg"; } } </script> <img id="myimage" οnclick="changeImage()" src="1.jpg" width="150px" height="160px"> <p id="demo"> <script> function c(){ var tp1src = document.getElementById("demo").src; alert("图片1路径"+tp1src); alert("============"); tp1src="2.jpg"; alert("图片1路径"+tp1src); } </script> <button type="button" οnclick="c()">测试输入值</button> <p id = "demo">变更部分</p> </body> <!--this传参---> var a="ssss"; function obj(){ this.fn = function() {  alert(this.a); setTimeout(this.fn, 1000); } </html>
转载请注明原文地址: https://www.6miu.com/read-43831.html

最新回复(0)