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

js study

2016-01-16 00:16 627 查看
&
4000
lt;pre name="code" class="html"><!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>

<body>

<form>
First name:
<input type="text" name="firstname" id="fname"/>
<br />
Last name:
<input type="text" name="lastname" id="sname"/>
</form>
<script type="text/javascript" src="JsTest.js"> </script>

<form name="input" action="html_form_action.asp" method="get">
Username:
<input type="text" name="user" />
<input type="submit" value="Submit" id="submitbutton"/>
<input type="button" value="test" id="testbutton" onclick="changeText()"/>
</form>

<body onload="checkCookies()">

</body>

</html>
function Person(name, age, job){
this.name = name;
this.age = age;
this.job = job;
this.sayName = sayName;
}
function sayName(){
console.info(this.name);
}

var person1 = new Person("Nicholas", 29, "Software Engineer");
var person2 = new Person("Greg", 27, "Doctor");

person1.sayName(); //
person2.sayName(); //

var pattern = /[A-Fa-f0-9]{2}:[A-Fa-f0-9]{2}:[A-Fa-f0-9]{2}:[A-Fa-f0-9]{2}:[A-Fa-f0-9]{2}:[A-Fa-f0-9]{2}/;

// 2)对象字面量
var math = {
value1: 3,
value2: 4,
sum: function() {
return this.value1 + this.value2;
},
testSum: function(){
return this.value1 + this.sum();
}
};

var math2 = new Object();

console.info(math.sum());
console.info(math.testSum());

// 操作元素
var edit1 = document.getElementById("fname");
edit1.value = "fighting";
var edit2 = document.getElementById("sname");
edit2.setAttribute("value", "All is well");

function changeText() {
var btn1 = document.getElementById("submitbutton");
btn1.value = "hello";
var btn2 = document.getElementById("testbutton");
btn2.value = "world";
}

function checkCookies() {
var btn1 = document.getElementById("submitbutton");
btn1.value = "mengxiang";
var btn2 = document.getElementById("testbutton");
btn2.value = "jianchi";
}



                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: