js代碼實例
<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>
❷ 誰能提供一個簡單的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的內容裡面
❸ 請高手推薦一本javascript的代碼實例書籍
既然你已經有了js基礎;與其買個實例的書籍,不如去深入學習 EXT框架; 作為學習js,這個框架再好不過了;非常好的編程思想以及良好的代碼結構; 不過挺難學的,用到很多js高級知識;
❹ js代碼求解釋下面這個例子
enumeration是一個自定義函數,裡面的實現繼承了protoytpe,重寫了constructor和tostring方法,e是一個對象,enumeration是一個枚舉類,可以根據索引獲取每一個傳入對象。
❺ 誰有JavaScript網頁特效實例大全,PDF,
圖書名:JavaScript網頁特效實例大全
作者:呂琨編著
出版日期:2013.11
頁碼:642,
定價:79.80
❻ html+css+js小案例(項目源碼)
想讓別人提供代碼,還有這么多要求,真是搞笑的
❼ 求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());
❽ 怎樣獲得點擊網頁某處時觸發JavaScript的代碼(有實例)
用chrome瀏覽器事件監聽勾上click然後單擊按鈕,就會自動斷點到即將執行的代碼上,並且可以調試
chrome F12 打開調試界面後, 點擊 Sources 頁面. 右邊就可以設置斷點,單步調試. 例如可以選擇右邊Event Listener Breakpoints 選項,選中 mouse 裡面的 click 或其他事件. 這樣你點擊頁面上的按鈕 就會觸發斷點,js會停在你點擊的事件位置上.
❾ js實例子。javascript在網頁中應用的例子
http://www.w3school.com.cn/js/index.asp
JavaScript 實例
學習 100 個實例!使用我們的編輯器,你可以編輯源代碼,然後單擊 TIY 按鈕來查看結果。
JavaScript 實例
JavaScript Object 實例
HTML DOM 實例
基本應用都在這里了
❿ js如何獲取到類的實例名
這個好像沒有辦法做到的。之前我也有過這種想法,到現在都沒有實現,如果找到答案也記得共享一下。
需要獲得Js"類"的實例名稱,應該是要使用該「類」的實例名來實現某種調用,需要思考別的實現方式。