js语法学习

最新推荐文章于 2024-07-29 23:41:14 发布

Listron

最新推荐文章于 2024-07-29 23:41:14 发布

阅读量241

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/Listron/article/details/83270304

版权

前端专栏收录该内容

35 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>

<head>

<script src="jsfile.js">
function changeImage()
{
element=document.getElementById('myimage')
if (element.src.match("me"))
{
element.src="id.jpeg";
}
else
{
element.src="me.jpg";
}
}

function aaa(){
   var txt = "Hello";
   var x=document.getElementById("aaaa"); // 找到元素
   document.write("txt.length=" + x.innerHTML.length);
}
</script>
</head>

<body>

<p>
JavaScript 能够直接写入 HTML 输出流中：
</p>

<p>
您只能在 HTML 输出流中使用 <strong>document.write</strong>。
如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。
</p>

<p>点击灯泡来点亮或熄灭这盏灯</p>

<p id="demo" color:red>
JavaScript 能改变 HTML 元素的样式。
</p>
<button type="button" οnclick="myFunction()">点击这里</button>
<button type="button" οnclick="aaa()">点击这里</button>

<p id="aaaa" color:red>
JavaScript 能改变 HTML 元素的样式。
</p>

<p id="bb">A Paragraph.</p>
<button type="button" οnclick="bb()">点击这里</button>
<p><b>注释：</b>myFunction 保存在名为 "myScript.js" 的外部文件中。</p>

<p>请输入 5 到 10 之间的数字：</p>
<input id="trycatch" type="text">
<button type="button" οnclick="trycatch()">测试输入值</button>
<p id="mess"></p>

<h1 id="id1">My Heading 1</h1>
<button type="button"
οnclick="document.getElementById('id1').style.color='red'">
点击这里！</button>

<form id="myForm">
<input type="radio" name="browser" οnclick="check(this.value)" value="Internet Explorer">Internet Explorer<br />
<input type="radio" name="browser" οnclick="check(this.value)" value="Firefox">Firefox<br />
<input type="radio" name="browser" οnclick="check(this.value)" value="Netscape">Netscape<br />
<input type="radio" name="browser" οnclick="check(this.value)" value="Opera">Opera<br />
<br />
您喜欢的浏览器是：<input type="text" id="answer" size="20">
</br>
<input type="button" οnclick="formReset()" value="重置">
</form>

<form>
请选择您喜欢的浏览器：
<select id="myList" οnchange="favBrowser()">
<option>Internet Explorer</option>
<option>Netscape</option>
<option>Opera</option>
</select>
<p>您喜欢的浏览器是：<input type="text" id="favorite" size="20"></p>
</form>

<script>
// for循环
var i;
var cars = new Array();
cars[0] = "Audi";
cars[1] = "BMW";
cars[2] = "Volvo";

for (i=0;i<cars.length;i++)
{
document.write(cars[i] + "<br>");
}
var visitor="PRES";
// 三元判断
greeting=(visitor=="PRES")?"Dear President ":"Dear ";
document.write(greeting);

// 判断
document.write("</br>");

var x="";
var time=new Date().getHours();
if (time<20)
{
x="Good day";
}
else
{
x="Good evening";
}
document.write(x);

// switch case
document.write("</br>");

var day=new Date().getDay();
switch (day)
{
case 0:
x="Today it's Sunday";
break;
case 1:
x="Today it's Monday";
break;
case 2:
x="Today it's Tuesday";
break;
case 3:
x="Today it's Wednesday";
break;
case 4:
x="Today it's Thursday";
break;
case 5:
x="Today it's Friday";
break;
case 6:
x="Today it's Saturday";
break;
default:
x="Today it's Saturday";
break;
}

document.write(x);

document.write("</br>");
// while 循环
cars=["BMW","Volvo","Saab","Ford"];
var i=0;
while (cars[i])
{
document.write(cars[i] + "<br>");
i++;
}

document.write("文档包含： " + document.forms.length + " 个表单。");
document.write(document.domain);
document.write(document.anchors.length);

function whichButton(event)
{
alert(event.keyCode)
}

function whichElement(e)
{
var targ
if (!e) var e = window.event
if (e.target) targ = e.target
else if (e.srcElement) targ = e.srcElement
if (targ.nodeType == 3) // defeat Safari bug
targ = targ.parentNode
var tname
tname=targ.tagName
alert("You clicked on a " + tname + " element.")
}

function whichElement(e)
{
/*var targ
var e = window.event
if (e.target) targ = e.target
else if (e.srcElement) targ = e.srcElement
var tname
tname=targ.tagName
alert("You clicked on a " + tname + " element.")*/
}

function check(browser)
{
document.getElementById("answer").value=browser
}

function formReset()
{
document.getElementById("myForm").reset()
}

function validate()
{
var at=document.getElementById("email").value.indexOf("@")
var age=document.getElementById("age").value
var fname=document.getElementById("fname").value
submitOK="true"

if (fname.length>10)
{
alert("名字必须小于 10 个字符。")
submitOK="false"
}
if (isNaN(age)||age<1||age>100)
{
alert("年龄必须是 1 与 100 之间的数字。")
submitOK="false"
}
if (at==-1)
{
alert("不是有效的电子邮件地址。")
submitOK="false"
}
if (submitOK=="false")
{
return false
}
}

function favBrowser()
{
var mylist=document.getElementById("myList")
document.getElementById("favorite").value=mylist.options[mylist.selectedIndex].text
}

function checkLen(x,y)
{
if (y.length==x.maxLength)
   {
   var next=x.tabIndex
   if (next<document.getElementById("myForm1").length)
       {
       document.getElementById("myForm1").elements[next].focus()
       }
   }
}

function changeSource()
{
document.getElementById("frame1").src="http://www.baidu.com"
document.getElementById("frame2").src="http:www.163.com"
}

// 
document.write("<br />")
document.write("Screen resolution: ")
document.write(screen.width + "*" + screen.height)
document.write("<br />")
document.write("Available view area: ")
document.write(screen.availWidth + "*" + screen.availHeight)
document.write("<br />")
document.write("Color depth: ")
document.write(screen.colorDepth)
document.write("<br />")
document.write("Buffer depth: ")
document.write(screen.bufferDepth)
document.write("<br />")
document.write("DeviceXDPI: ")
document.write(screen.deviceXDPI)
document.write("<br />")
document.write("DeviceYDPI: ")
document.write(screen.deviceYDPI)
document.write("<br />")
document.write("LogicalXDPI: ")
document.write(screen.logicalXDPI)
document.write("<br />")
document.write("LogicalYDPI: ")
document.write(screen.logicalYDPI)
document.write("<br />")
document.write("FontSmoothingEnabled: ")
document.write(screen.fontSmoothingEnabled)
document.write("<br />")
document.write("PixelDepth: ")
document.write(screen.pixelDepth)
document.write("<br />")
document.write("UpdateInterval: ")
document.write(screen.updateInterval)
document.write("<br />")

var c=0
var t
function timedCount()
{
if(c == 11){
document.getElementById('txt').value="重新开始";
return;
}
document.getElementById('txt').value=c
c=c+1
t=setTimeout("timedCount()",1000)
}

</script>
</body>
</html>