web前端經常使用技術點001

前言

本文主要總結了一些線上文檔的實用技術，後面陸續會根據實際需求將不一樣的技術進行分類或者歸到兼容文檔裏。

技術點以下

屏蔽鼠標右鍵

方案：oncontextmenu=」window.event.returnValue=false」

取消選取、防止複製

方案：onselectstart=」return false」

JS不容許粘貼

方案：onpaste=」return false」

JS防止複製

方案：oncopy=」return false;」 oncut=」return false;」

能夠在收藏夾中顯示出你的圖標

方案：< link rel=」Bookmark」 href=」favicon.ico」>

關閉輸入法

方案：< input style=」ime-mode:disabled」>

防止被人 frame

方案：

< script >
if (top.location != self.location)top.location=self.location;
< /script>
複製代碼

網頁將不能被另存爲

方案：< noscript>< iframe src=*.html>< /iframe>< /noscript>

查看網頁源代碼

方案：< input type=button value=查看網頁源代碼 onclick=」window.location = 「view-source:」+ 「www.pconline.com.cn」」>

光標是停在文本框文字的最後

方案：

< script language=」javascript」>
function cc()
{
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart(「character」,e.value.length);
r.collapse(true);
r.select();
}
< /script>
< input type=text name=text1 value=」123″ onfocus=」cc()」>
複製代碼

網頁不會被緩存

方案：

< META HTTP-EQUIV=」pragma」 CONTENT=」no-cache」>
< META HTTP-EQUIV=」Cache-Control」 CONTENT=」no-cache, must-revalidate」>
< META HTTP-EQUIV=」expires」 CONTENT=」Wed, 26 Feb 1997 08:21:57 GMT」>
或者< META HTTP-EQUIV=」expires」 CONTENT=」0″>
複製代碼

怎樣去掉圖片連接點擊後，圖片周圍的虛線

方案：< a href=」#」 onFocus=」this.blur()」>< img src=」logo.jpg」 border=0>< /a>

如何設定打開頁面的大小

方案：

< body onload=」top.resizeTo(300,200);」>
//打開頁面的位置
< body onload=」top.moveBy(300,200);」>
複製代碼

ENTER 鍵能夠讓光標移到下一個輸入框

方案：< input onkeydown=」if(event.keyCode==13)event.keyCode=9″>

各類樣式的光標

方案： auto ：標準光標 ；default ：標準箭頭 ； hand ：手形光標； wait ：等待光標； text ：I 形光標； vertical-text ：水平； I 形光標； no-drop ：不可拖動光標 ； not-allowed ：無效光標 ； help ：?幫助光標 ； all-scroll ：三角方向標； move ：移動標； crosshair ：十字標；其餘： e-resize n-resize nw-resize w-resize s-resize se-resize sw-resize

在規定時間內跳轉

方案：< META http-equiv=V=」REFRESH」 content=」5;URL=http://www.51js.com」>

將完全屏蔽鼠標右鍵

方案：oncontextmenu=」window.event.returnValue=false」

ie與其餘瀏覽器的區別

解析：在獲取屬性，ajax請求，事件座標，透明的寫法，阻止冒泡等均是不一樣的。 參考資料：ie與其餘瀏覽器區別

web應用向前端推送數據的方式

• js
• Commet：基於HTTP長鏈接的服務器推送技術
• 基於WebSocket的推送方案
• SSE（Server-Send Event）：服務器推送數據新方式 方案：oncontextmenu=」window.event.returnValue=false」

實現文本縮進

方案：text-indent 能夠實現文本的縮進

將完全屏蔽鼠標右鍵

方案：oncontextmenu=」window.event.returnValue=false」

java根據html代碼生成pdf文件

方案：參考代碼

public void createPdf() throws Exception {  
        // step 1  
        String inputFile = "index.html";  
        String url = new File(inputFile).toURI().toURL().toString();  
        String outputFile = "index.pdf";  
        System.out.println(url);  
        // step 2  
        OutputStream os = new FileOutputStream(outputFile);  
        org.xhtmlrenderer.pdf.ITextRenderer renderer = new ITextRenderer();  
        renderer.setDocument(url);  
  
        // step 3 解決中文支持  
        org.xhtmlrenderer.pdf.ITextFontResolver fontResolver = renderer  
                .getFontResolver();  
        fontResolver.addFont("c:/Windows/Fonts/simsun.ttc", BaseFont.IDENTITY_H,     
                BaseFont.NOT_EMBEDDED);  
  
        renderer.layout();  
        renderer.createPDF(os);  
        os.close();  
          
        System.out.println("create pdf done!!");  
    }  
       
複製代碼

加載https協議的文件

你們在使用原始方式載入腳本或者樣式文件的時候，通常cdn的建議方式是https的，但咱們的應用協議不必定是https的，這種時候使用// ，會自動識別當前頁面適合的協議，若是你強行使用https就會報錯或者很慢

參考文檔

• 值得收藏的js實用技術