Time of Update: 2018-12-08
前台代碼:複製代碼 代碼如下:<div class="sub_box"> <div id="p-select" class="sub_nav"> <div class="sub_no" id="bd1lfsj"> <ul>
Time of Update: 2018-12-08
首先定義css樣式: 複製代碼 代碼如下:@media print { .noprint { display: none;color:green } } 對於不想列印的內容只用在標籤中加上 class=noprint即可,列印的時候客戶也不會看到頁面任何變化。 列印時調用 window.print(); 另外幾種js局部列印的方法: 移花接木: 列印的時候,把需要列印的內容替換成整個body內容(使用者會在列印的時候看到變化,客戶體驗不太好) 複製代碼 代碼如下:function
Time of Update: 2018-12-08
每種語言都有它特別的地方,對於JavaScript來說,使用var就可以聲明任意類型的變數,這門指令碼語言看起來很簡單,然而想要寫出優雅的代碼卻是需要不斷積累經驗的。本文利列舉了JavaScript初學者應該注意的七個細節,與大家分享。 (1)簡化代碼 JavaScript定義對象和數組非常簡單,我們想要建立一個對象,一般是這樣寫的: 複製代碼 代碼如下:var car = new Object(); car.colour = 'red'; car.wheels = 4;
Time of Update: 2018-12-08
來看一個簡易的 Javascript 調試包:jscript.debug.js,包含兩個函數,第一個用來遍曆對象的各個屬性;第二個是一個通用的 Debug 函數(其實 說‘對象'比較‘精確些',呵呵),用來規定各種錯誤層級及其各種提示、錯誤資訊的格式化顯示,還是《Javascript 實戰》上面的經典例子,先看源碼: 複製代碼 代碼如下:/** * jscript.debug package * This package contains utility functions for
Time of Update: 2018-12-08
代碼如下: 複製代碼 代碼如下:<script type="text/javascript"> var ball; var mouseX = 100; var mouseY = 100; var angle = 0; var radius = 50; function run(){ if(ball === undefined){ ball = document.createElement("span"); ball.style.position = "absolute"; ball.
Time of Update: 2018-12-08
JS.Encode是在JS代碼進行編碼之後形成的“亂碼”,此亂碼除無法閱讀之外,仍能夠良好的執行。 往往在網頁上有JS加密代碼的解碼方法,但是由於代碼中存在逸出字元,無法正確的進行解碼。 JAVAScript使用以下八種逸出字元。這些字元都是以一個反斜線(\)開始。當JAVAScript的解譯器(Interpreter)看到反斜線時,就會特別注意,表現出程式員所要表達的意思。 序逸出字元使用說明1\b後退一格(Backspace)2\f換頁(Form Feed)3\n換行(New Line)4\
Time of Update: 2018-12-08
但我覺得這還不行,畢竟什麼都是人家封裝好的,得自己深入學習下原生的javascript才踏實。今天看到一篇不錯的博文,介紹了一個基於js dom編程的相簿執行個體,雖然這個例子很小,但個人認為還是很有學習價值的,先給出html和,這樣有助於後面js的理解。 複製代碼 代碼如下:<body> <div id="content"> <h1>Snapshots</h1> <ul id="imagegallery"> <li>
Time of Update: 2018-12-08
通常使用window.open的方式開啟新視窗的話 要取得父視窗的控制項,可以用window.opener來取得父視窗 然而如果使用showModalDialog的話...卻無效 如果有需要的話,需要修改開啟的文法以及showModalDialog中的文法 開啟文法第2個參數請下self,範例如下 var rc=window.showModalDialog(strURL,self,sFeatures); 然後接著就是呼叫父視窗的文法 var
Time of Update: 2018-12-08
一、什麼是事件冒泡 在一個對象上觸發某類事件(比如單擊onclick事件),如果此對象定義了此事件的處理常式,那麼此事件就會調用這個處理常式,如果沒有定義此事件處理常式或者事件返回true,那麼這個事件會向這個對象的父級對象傳播,從裡到外,直至它被處理(父級對象所有同類事件都將被啟用),或者它到達了對象層次的最頂層,即document對象(有些瀏覽器是window)。 打個比方說:你在地方法院要上訴一件案子,如果地方沒有處理此類案例的法院,地方相關部門會幫你繼續往上級法院上訴,比如從市級到省級,
Time of Update: 2018-12-07
前言:密碼強度是一個很普遍的功能,比較簡單,主要是怎麼制定這個強度規則。現在需要升級密碼強度的驗證,以前的驗證比較簡單,現在已經不能滿足需求了,現在需要可靈活變化並有多層級可配置選擇的一個密碼強度驗證,所以就設計了下面這個東東。在設計前也參考了下比較成熟的強度規則,大同小異,不外乎都採取了打分的機制來控制密碼強度規則,這樣可配置性高,靈活。本來想直接拿來用的,但是發現都比較舊,有些不太適宜公司開發的需求,可能這個東西比較簡單吧,所以也沒什麼人去更新和寫新的代碼,所以還是自己動手設計了規則和寫了代
Time of Update: 2018-12-07
使用 F12 開發人員工具,Web 開發人員能夠在無需離開瀏覽器的情況下快速調試 JavaScript 代碼。 通過內建到每個 Windows Internet Explorer 9 安裝中,F12 工具可提供一些調試工具(例如,斷點、監視和局部變數查看)以及一個用於訊息和即時代碼執行的控制台。 本主題介紹如何使用 F12 工具來調試你的 JavaScript 代碼。本主題的目的並不是要提供一個全面的調試教程,而是重點介紹可協助你著手使用自己的代碼的工具。從 Internet
Time of Update: 2018-12-07
英文標題:JavaScript Copy to Clipboard in FirefoxJavaScript代碼如下:function copy_to_clipboard(text) {try { netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect"); } catch (e) {
Time of Update: 2018-12-07
我們知道抽象在物件導向中的重要地位。而JavaScript雖不是一門戶嚴格意義上的物件導向語言,但,它也可以有自己的物件導向實現。當然包括抽象。在JavaScript中,虛方法可以看作該類中沒有定義的方法,但已經通過this指標使用了.通過下面的樣本可以看出: 1var tmp=function() 2{ 3 { 4 this.ini.apply(this,arguments); 5 //這裡的arguments是建構函式的 6//this.ini通過this調用,但卻是未定義的
Time of Update: 2018-12-07
因項目需要,需要在多行文字框中的游標位置插入字元,利於js的 document.selection屬性很快就實現,但發現在firefox中無法相容selection屬性,網上找了很久也沒有找到合適的方法,經過研究,改出了相容ie和FF的完美解決方案代碼如下:function AddText(str){ var ubb=document.getElementById("TxtContent"); var ubbLength=ubb.value.length;
Time of Update: 2018-12-07
function detectPlugin(CLSID,functionName){ var pluginDiv = document.createElement("<div id=\"pluginDiv\" style=\"display:none\"></div>") document.body.insertBefore(pluginDiv); pluginDiv.innerHTML = '<object
Time of Update: 2018-12-07
A small trick when creating table dynamically with javascript.下面這種方式可以建立table,並附加到Dom樹中,但是在IE中是不顯示的:var table = document.createElement("TABLE");var tr = document.createElement("TR");var td = document.createElement("TD");var text =
Time of Update: 2018-12-07
P44Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> 1<script type="text/javascript"> 2function Person(firstName,lastName,age){ 3 var _firstName = firstName; 4 var _lastName = lastName; 5 6
Time of Update: 2018-12-07
作者:Truly日期:2007.7.31上次我們討論了Web開發中最重要的設計模式MVC,今天我們要討論的是Observer模式,與MVC這樣的大型設計模式相比,Observer模式則要輕量很多。廢話不多說了,進入主題Obsever簡單應用請先看一段代碼:// the process array calling after page loaded for page listener.var PageLoadListener = new Array(); // page listenerfunct
Time of Update: 2018-12-07
<script language="JavaScript"><!-- Beginfunction redirectPage() {if ((screen.width == 640) && (screen.height == 480)) size = "640 x 480";else if ((screen.width == 800) && (screen.height == 600))size = "800 x 600";else if
Time of Update: 2018-12-07
之前看很多人這樣寫for迴圈,感到很困惑,直接i<divs.length不就行了,為什麼要多此一舉加一個len呢?for(var i=0, len=divs.length; i<len; i++){ ...}昨天晚上再看javascript進階程式設計(第二版)發現有說這個問題的,說的是迭代nodeList時會出現無限迴圈的問題例如:var divs = document.getElementsByTagName("div");for(var i=0;