您的位置：首页 > Web前端 > JavaScript

2017.7.10 学习笔记 js基础

2017-07-10 21:25 288 查看
<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>

<!--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" ondblclick="this.value=''">

<button ondblclick="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

{

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

<!--this传参--->
var a="ssss";

function obj(){
this.fn = function() { 
alert(this.a);
setTimeout(this.fn, 1000);

}

</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航