Ⅰ js實例子。javascript在網頁中應用的例子

http://www.w3school.com.cn/js/index.asp
JavaScript 實例
學習 100 個實例!使用我們的編輯器,你可以編輯源代碼,然後單擊 TIY 按鈕來查看結果。

JavaScript 實例

JavaScript Object 實例

html DOM 實例

基本應用都在這里了

Ⅱ JS代碼超鏈接

if(res.value=="menu1"){
window.location.href="網路網址自己改內";
}elseif(res.value=="menu1"){
window.location.href="谷歌容網址自己改";
}

Ⅲ 請高手推薦一本javascript的代碼實例書籍

既然你已經有了js基礎;與其買個實例的書籍,不如去深入學習 EXT框架; 作為學習js,這個框架再好不過了;非常好的編程思想以及良好的代碼結構; 不過挺難學的,用到很多js高級知識;

Ⅳ js代碼求解釋下面這個例子

enumeration是一個自定義函數,裡面的實現繼承了protoytpe,重寫了constructor和tostring方法,e是一個對象,enumeration是一個枚舉類,可以根據索引獲取每一個傳入對象。

Ⅳ 求以下內容的js代碼

寫了一個類似的簡單的示例,應該能滿足你的要求:

<!DOCTYPEhtml>
<htmllang="zh">
<head>
<metacharset="utf-8">
<title></title>
<scriptsrc="js/jquery-1.7.2.js"type="text/javascript"charset="utf-8"></script>
<styletype="text/css">
.change{
width:150px;
}
ulli{
float:left;
margin:5px;
border:1pxsolid#000000;
width:100px;
height:100px;
}
</style>
<scripttype="text/javascript"charset="utf-8">
$(function(){
$("#testli").mouseover(function(){
$(this).addClass("change").siblings().removeClass("change");
});
});
</script>
</head>
<body>
<ulid="test"style="list-style:none;">
<liclass="change"></li>
<li></li>
<li></li>
<li></li>
</ul>
</body>
</html>

Ⅵ JS代碼怎麼寫

將需要在js中修改的代碼放在js變數中,該變數在js中定義,然後在insertHtml中添加這段代碼,示例如下:var code = "<a herf = '#'><img url = '#'></a>";insertHtml("beforeend",document.body,code);將包含上述代碼的js引入到頁面中即可,在頁面上調用js的代碼如下:<script language=javascript src="test.js"></script>insertHtml的使用方法:insertHtml(where,el,html);where:插入位置。包括beforeBegin,beforeEnd,afterBegin,afterEndel:用於參照插入位置的html元素對象html;要插入的html代碼例:insertHtml("beforeEnd",document.getElementById("fav_list"),"<li id='aaa'><a href='' class='fav_link'>網路</a></li>");

Ⅶ 誰能提供一個簡單的Ajax實例,通過js腳本代碼實現的

<script language="javascript">
var XMLHttpRequestObject=false;
if(window.XMLHttpRequest)
{
XMLHttpRequestObject=new XMLHttpRequest();
}
else if(window.ActiveXObject)
{
XMLHttpRequestObject=new ActiveXObject("Microsoft.XMLHTTP");
}
//以上代碼是創建一個XMLHttpRequest對象
//下面是一個使用這個XMLHttpRequest對象的函數,這個函數獲取伺服器的一個文件內容並顯示到網頁
function getData(dataSource,divID)
{
if(XMLHttpRequestObject)
{
var obj=document.getElementById(divID);
XMLHttpRequestObject.open("GET",dataSource);
XMLHttpRequestObject.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
XMLHttpRequestObject.onreadystatechange=function ()
{
if(XMLHttpRequestObject.readyState==4 && XMLHttpRequestObject.status==200)
{
obj.innerHTML=XMLHttpRequestObject.responseText;
}
}
XMLHttpRequestObject.send(NULL);
}
}

</script>
以下是<body>代碼
<body>
<H1>This is an ajax demo</H1>
<form>
<input type="button" value="Fetch the message" onclick="getData('data.txt','dataDiv')"/>

</form>
<div id="dataDiv">
<p>The fetch message will appear here</p>
</div>
</body>
你需要在當前頁面文件夾下建一個data.txt文件、點擊那個按鈕、然後txt里的東西會顯示在dataDiv的內容裡面

Ⅷ html和JS做一個簡單的例子

main.html做個導航欄,right.html做radiobutton的五個input type="text",left.html做textbox的五個,用iframe將right和left放到所需位置,設置visibility為hidden,點擊版後用JS改變其值為visible,保存的權實現用sample.js,就是改變這些input的defaultValue為輸入的內容

Ⅸ 懸賞:javascript小實例代碼!

<html>
<body>
row:<select id="row">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

col:<select id='col'>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

<input type="button" onclick=createTab() value="生成" />
<script type="text/javascript">
var tab = null;
function createTab(){
if(tab != null){
document.body.removeChild(tab);
}
var row = document.getElementById("row").value;
var col = document.getElementById("col").value;
tab=document.createElement('table');
tab.border=1;
for(var i=0;i<row;i++){
var tr=tab.insertRow();
for(var j=0;j<col;j++){
var td=tr.insertCell();
td.innerHTML="這是第"+(i+1)+"行,第"+(j+1)+"列";
}
}

document.body.appendChild(tab);
}
</script>
</body>
</html>

Ⅹ 求javascript仿面向對象編程實例代碼(簡單明了的,呵呵~)

//定義一個javascript類
function JsClass(privateParam/* */,publicParam){//構造函數
var priMember = privateParam; //私有變數
this.pubMember = publicParam; //公共變數
//定義私有方法
function priMethod(){
return "priMethod()";
}
//定義特權方法,特權方法可以訪問所有成員
this.privilegedMethod = function(){
var str = "這是特權方法,我調用了\n";
str += " 私有變數:" + priMember +"\n";
str += " 私有方法:" + priMethod() +"\n";
str += " 公共變數:" + this.pubMember +"\n";
str += " 公共方法:" + this.pubMethod();
return str;
}
}
//添加公共方法,不能調用私有變數和方法
JsClass.prototype.pubMethod = function(){
return "pubMethod()";
}

//使用 JsClass的實例
JsObject = new JsClass("priMember","pubMember");
//alert(JsObject.pubMember);//彈出pubMember信息
//alert(JsObject.priMember);//彈出undefined信息
//alert(JsObject.pubMethod());//彈出pubMethod信息
//alert(JsObject.priMethod());//彈出"對象不支持此屬性或方法"的錯誤
alert(JsObject.privilegedMethod());