2017.7.10 学习笔记 js基础

来源：互联网发布：博实股份人工智能编辑：程序博客网时间：2024/06/15 18:51

<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 onclick="myFunction()" style = "color:blue">点击这里</button>
<p id="demo"></p>
</div>


<script language="javascript">
alert("上联：山石岩下古木枯");//警告框
</script>

<script language="javascript"> //确认/取消对话框
confirm("上联：一但重泥拦子路；下联：两岸夫子笑颜回");
</script>



字段1: <input type="text" id="field1" value="Hello World!" >
<br />
字段2: <input type="text" id="field2" ondblclick="this.value=''">
<button ondblclick="document.getElementById('field2').value = document.getElementById('field1').valu
e">点两次</button>


<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" onclick="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" onclick="c()">测试输入值</button>
<p id = "demo">变更部分</p>
</body>


var a="ssss";
function obj(){
this.fn = function() {
alert(this.a);
setTimeout(this.fn, 1000);
}
</html>

阅读全文

0 0