網站地圖 | RSS訂閱 老鐵博客 - 上海SEO優化|上海網站建設|蜘蛛池出租|站群代搭建
你的位置:首頁 ? JS特效
前端腳本

JS獲取指定A標簽的鏈接地址url的頂級域名和當前域名

JS獲取指定A標簽的鏈接地址url的頂級域名和當前域名

獲取指定的A標簽href屬性的值,提取URL中的頂級域名或當前域名。具體代碼如下:

<a id="a1" href="http://www.230436.live/tags-189.html" target="_blank">JS特效</a>
<script language="javascript" type="text/javascript">
alert(getdomain(1,'a1')); //彈窗輸出域名,此處為獲取頂級域名
function getdomain(typ,id){ //參數:類型(0:當前域名,1:頂級域名),鏈接對象ID
	var url=window.document.getElementById(id).href; //獲取鏈接
	if(typ==0){ //獲取當前域名,如:www.230436.live
		var a = document.createElement('a');
		a.href = url;
		url=a.hostname;
	}else{ //獲取頂級域名,如:lingchenliang.com
		//使用正則表達式
		url=url.replace(/.+[\.\/]([A-z]+\.[A-z]+)\/[^\/].+/,"$1");
	}
	return url; //返回域名值
}
</script>


發布時間:2016年9月20日 | 評論:0 | 瀏覽: | 標簽:Javascript  JS特效  

前端腳本

JS獲取三種CSS樣式的方法

JS獲取三種CSS樣式的方法

一、獲取元素的行內樣式

var obj = document.getElementById("test");
alert(obj.height + "\n" + obj.width);     // 200px 200px typeof=string只是將style屬性中的值顯示出來

二、獲取計算后的樣式

發布時間:2016年9月20日 | 評論:0 | 瀏覽: | 標簽:Javascript  JS特效  

前端腳本

JS飄浮廣告代碼(兼容多瀏覽器)

JS飄浮廣告代碼(兼容多瀏覽器)

此JS飄浮廣告特效代碼可以飄浮DIV層,圖層中可放圖片、文字等任何HTML內容。滿屏到處移動著跑的飄動DIV廣告特效。

此浮動代碼由本人使用純原生JS制作,未采用JQUERY。代碼規范標準,使用HTML4 XHTML頭部標準或HTML5頭部都不影響JS的正常運行。

注:飄浮時只在瀏覽器窗口尺寸(即窗口可見區域大?。├镲h動,不受滾動條長短影響。

發布時間:2016年9月7日 | 評論:0 | 瀏覽: | 標簽:Javascript  JS特效  JS控制DIV  浮動  

前端腳本

JS確認對話框confirm()用法總結(常用于彈出確定、取消刪除)

JS確認對話框confirm()用法總結(常用于彈出確定、取消刪除)

confirm() 方法

定義和用法
confirm() 方法用于顯示一個帶有指定消息和 OK 及取消按鈕的對話框。
語法

confirm(message)

參數  描述
message 要在 window 上彈出的對話框中顯示的純文本,即提示信息(而非 HTML 文本)
說明
如果用戶點擊確定按鈕,則 confirm() 返回 true。如果點擊取消按鈕,則 confirm() 返回 false。
在用戶點擊確定按鈕或取消按鈕把對話框關閉之前,它將阻止用戶對瀏覽器的所有輸入。在調用 confirm() 時,將暫停對 JavaScript 代碼的執行,在用戶作出響應之前,不會執行下一條語句。
提示:對話框按鈕的文字是不可改變的,因此請小心地編寫問題或消息,使它適合用確認和取消來回答。

發布時間:2016年9月1日 | 評論:0 | 瀏覽: | 標簽:Javascript  JS教程  JS特效  

前端腳本

JS跳轉頁面方法總結

JS跳轉頁面方法總結

第一種:location跳轉(當前頁面跳轉)

location.href="http://www.230436.live/";
window.location.href="http://www.230436.live/";
window.location="http://www.230436.live/";

第二種:后退、前進跳轉(當前頁面跳轉)

發布時間:2016年8月30日 | 評論:0 | 瀏覽: | 標簽:Javascript  JS教程  跳轉  JS特效  

前端腳本

JS后退、前進、返回上一頁并刷新代碼

JS后退、前進、返回上一頁并刷新代碼

JS后退、返回上一頁、返回上一步代碼:

window.history.go(-1)      可簡寫為:   history.go(-1)
window.history.back()      可簡寫為:   history.back()

JS前進代碼:

發布時間:2016年8月30日 | 評論:0 | 瀏覽: | 標簽:Javascript  JS教程  跳轉  JS特效  

前端腳本

JS提交表單方法總結

JS提交表單方法總結

一、submit提交表單

<form action="?" name="form1" id="form1">
<!-- 表單內容 -->
<input type="submit" value="提交表單" />
</form>

二、JS提交表單:普通button按鈕提交

發布時間:2016年8月29日 | 評論:0 | 瀏覽: | 標簽:Javascript  JS教程  JS特效  

前端腳本

JS定時器setInterval()與延遲函數setTimeout()區別

JS定時器setInterval()與延遲函數setTimeout()區別

JS定時器 setInterval() 方法: 使一段代碼每過指定時間就運行一次。

JS延遲器 setTimeout() 方法:使一段代碼在指定時間后運行。

定義:

window.setInterval(expression,millisec); 
window.setTimeout(expression,millisec);

參數介紹:

發布時間:2016年8月29日 | 評論:0 | 瀏覽: | 標簽:Javascript  JS教程  JS特效  

前端腳本

JS刷新當前頁面常用技巧總結

JS刷新當前頁面常用技巧總結

1,reload 方法,該方法強迫瀏覽器刷新當前頁面。
語法:location.reload([bForceGet])  
參數: bForceGet, 可選參數, 默認為 false,從客戶端緩存里取當前頁。true, 則以 GET 方式,從服務端取最新的頁面, 相當于客戶端點擊 F5("刷新")

2,replace 方法,該方法通過指定URL替換當前緩存在歷史里(客戶端)的項目,因此當使用replace方法之后,你不能通過“前進”和“后退”來訪問已經被替換的URL。
語法: location.replace(URL)  
通常使用: location.reload() 或者是 history.go(0) 來做。
此方法類似客戶端點F5刷新頁面,所以頁面method="post"時,會出現"網頁過期"的提示。
因為Session的安全保護機制。
當調用 location.reload() 方法時, aspx頁面此時在服務端內存里已經存在, 因此必定是 IsPostback 的。
如果有這種應用: 需要重新加載該頁面,也就是說期望頁面能夠在服務端重新被創建,期望是 Not IsPostback 的。
這里,location.replace() 就可以完成此任務。被replace的頁面每次都在服務端重新生成。
代碼: location.replace(location.href);
返回并刷新頁面:

發布時間:2016年8月26日 | 評論:0 | 瀏覽: | 標簽:Javascript  JS教程  跳轉  JS特效  

網站建設

KindEditor上傳圖片后回調傳入文本框和列表框并顯示圖片

KindEditor上傳圖片后回調傳入文本框和列表框并顯示圖片

KindEditor編輯器本地上傳圖片文件后(單個圖片上傳和批量圖片上傳),將數據回調,以實現自由設置任何一張圖片做為文章形象圖且在指定區域展示此形象圖的功能。

以下是KindEditor 4.1.11的示例代碼:

發布時間:2016年5月6日 | 評論:1 | 瀏覽: | 標簽:KindEditor  編輯器  JS特效  文件操作  文件上傳  無組件上傳  

網站建設

KindEditor瀏覽圖片空間返回圖片路徑給文本框并展示圖片

KindEditor瀏覽圖片空間返回圖片路徑給文本框并展示圖片

在我們使用編輯器的時候經常會想讓編輯器里上傳的某張圖片設定為文章的形象圖,這時我們可以用到單獨的“瀏覽服務器”這個按鈕功能。

以下是KindEditor 4.1.11的示例代碼:

發布時間:2016年5月3日 | 評論:0 | 瀏覽: | 標簽:KindEditor  編輯器  JS特效  

網站建設

KindEditor實現按Ctrl+Enter回車鍵提交表單

KindEditor實現按Ctrl+Enter回車鍵提交表單

使用KindEditor編輯器創建內容區,想讓表單即可以點提交按鈕提交表單也可以按Ctrl+Enter回車鍵提交表單。
以下是KindEditor 4.1.11測試代碼實例(部分HTML代碼省略):

<link rel="stylesheet" href="kindeditor/themes/default/default.css" />
<script charset="utf-8" src="kindeditor/kindeditor-all.js"></script>
<script charset="utf-8" src="kindeditor/lang/zh-CN.js"></script>
<script>
var KE;
KindEditor.ready(function(K) {
	KE = K.create('#content',{
		filterMode : false, //過濾HTML代碼
		allowFileManager : true, //瀏覽圖片空間
		afterCreate : function() { //設置編輯器創建后執行的回調函數
			var self = this;
			//Ctrl+Enter提交表單
			K.ctrl(document, 13, function() {
				self.sync();
				K('#form')[0].submit();
			});
			K.ctrl(self.edit.doc, 13, function() {
				self.sync();
				K('#form')[0].submit();
			});
		}
	});
});
</script>
<form>
<textarea id="content" name="content" style=" width: 99%; height: 500px; visibility: hidden; display: block; "></textarea>
</form>


發布時間:2016年5月3日 | 評論:0 | 瀏覽: | 標簽:KindEditor  編輯器  JS特效  

前端腳本

JS實現打印網頁中指定區域的內容

JS實現打印網頁中指定區域的內容

我們經常在網上看到一些有用的文章,想要打印下來,卻總是打印時是整個頁面,我們不希望打印其它的內容,這時就可以用到打印指定內容,以下是個完整的功能測試代碼。

發布時間:2016年2月25日 | 評論:1 | 瀏覽: | 標簽:Javascript  打印  JS特效  

前端腳本

JS實現下拉菜單select自動跳轉頁面

JS實現下拉菜單select自動跳轉頁面
<select onchange="javascript:window.location.href=this.value;">
    <option value="">合作鏈接</option>
    <option value="http://www.baidu.com">百度</option>
    <option value="http://www.230436.live/">凌陳亮</option>
</select>


發布時間:2016年2月25日 | 評論:0 | 瀏覽: | 標簽:Javascript  下拉列表框  select列表  跳轉  JS特效  

«123»
苍穹之上手游怎么赚钱 能赚现金的捕鱼游戏 陕西11远5遗漏一定牛 平特一肖概率计算方法 pc蛋蛋登陆不了 新浪体育西甲排名 体彩十一运夺金 好彩1玩法技巧 中科三环股票股吧 35选7历史开奖号码查询 大地棋牌游戏怎么样