原创 用js超簡單判斷圖片地址是否存在(404問題)

//判斷圖片是否存在 function CheckImgExists(imgurl) { var ImgObj = new Image(); //判斷圖片是否存在 ImgObj.src = imgurl;

原创 js打印的另一種實現方式(可以打印圖片,二維碼等)

//idstr--打印內容的id function printView(idstr){ var el = document.getElementById(idstr); var iframe = docu

原创 使用JS正則表達式轉換時間搓,變成'yyyy-MM-dd hh:mm:ss'格式

廢話不多說,直接上代碼: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content=

原创 input輸入框消除自動填充的黃色背景

在CSS樣式裏添加如下代碼: input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-au

原创 javascript 實現像素px與毫米mm的轉換

function unitConversion() { /** * 獲取DPI * @returns {Array} */ this.conversion_getDPI =function

原创 offsetHeight,clientHeight,scrollHeight,offsetY等屬性的理解

el.offsetHeight = height + padding + border(滾動條是在邊框內的,自然也包括在內)el.clientHeight = 可視化看到的高度 (就是content的高度)el.scrollHeight

原创 JQuery UI - resizable

·概述  resizable插件可以讓選中的元素具有改變尺寸的功能。  官方示例地址:http://jqueryui.com/demos/resizable/    所有的事件回調函數都有兩個參數:event和ui,瀏覽器自有event對

原创 關於CSS媒體查詢--電腦尺寸大全

PC端 按屏幕寬度大小排序(主流的用橙色標明) 分辨率   比例 | 設備尺寸 1024*500 (8.9寸) 1024*768 (比例4:3  | 10.4寸、12.1寸、14.1寸、15寸; ) 1280*800(16:1

原创 基於jQuery.i18n.properties插件實現前端頁面國際化

一、簡介 在介紹 jQuery.i18n.properties 之前,我們先來看一下什麼是國際化。國際化英文單詞爲:Internationalization,又稱 i18n,“i”爲單詞的第一個字母,“18”爲“i”和“n”之間單詞的

原创 使用Echarts-X.js實現3D地球完美解決“myChart is not function”或者“define is not function”錯誤

很久沒更博了,最近在項目上需要展示數據可視化.所以用到了Echarts組件,進而研究了Echarts-X,具體介紹請看官網:http://echarts.baidu.com/echarts2/x/doc/index.html 根據官網的介

原创 javascript時間戳和日期字符串相互轉換

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

原创 js獲取url鏈接參數

一個簡單的函數: function GetUrlParam(paraName) {     var url = window.location.href;     var arrObj = url.split("?");     if

原创 CSS彈性佈局

CSS3彈性伸縮佈局簡介2009年,W3C提出了一種嶄新的方案----Flex佈局(即彈性伸縮佈局),它可以簡便、完整、響應式地實現各種頁面佈局,包括一直讓人很頭疼的垂直水平居中也變得很簡單地就迎刃而解了。但是這個佈局方式還處於W3C的草

原创 前端使用clipboard.js插件 實現複製頁面內容

純js實現複製到剪貼板功能在網頁上覆制文本到剪切板,一般是使用JS+Flash結合的方法,網上有很多相關文章介紹。隨着 HTML5 技術的發展,Flash 已經在很多場合不適用了,甚至被屏蔽。本文介紹的一款JS插件,實現了純JS方法複製文

原创 關於前端頁面在IE瀏覽器下無法顯示的問題

由於框架的發展和技術的革新,很多語言必須兼容瀏覽器才能很好的顯示出新的特性和樣式,那麼我們的前端頁面如果在IE瀏覽器下無法顯示時該用什麼辦法提示用戶(提示用戶升級瀏覽器)??? 最實用的辦法就是加上判斷瀏覽器是不是IE瀏覽器的語法: