原创 pc端點擊圖片放大效果
1、在pc端會遇到點擊圖片，然後讓頁面添加蒙版，圖片居中放大的效果； 效果圖如下 2、代碼實現方式：問題解決 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <
2020-06-23 09:33:31
原创 form表單無法提交input disabled內容
現象描述：form表單提交內容是，無法提交設置爲disabled的input輸入框； 業務場景：用戶輸入手機號獲得驗證碼，倒計時期間手機號不能修改； 解決方法：設置input的屬性值爲用readonly代替； 原因分析： 1、readon
2020-06-23 08:50:23
原创 html和word中字體對應
1、開發中需要使用freemarker導出word，需要前端人員寫html模板，在開發中遇到了word中字體和css中字體對應的問題，經過試驗如下： word字字號 word字體值(pt) Css字體大小(px) 初號
2020-06-23 08:50:23
2
原创 去除input默認的加減號
input標籤有type=number的時候，默認情況下有加減號的功能，去除默認的加減號爲 input[type='number'] { -moz-appearance:textfield; } input[type=numbe
2020-06-23 08:50:23
11
原创 html中實現添加水印的功能
最近項目需求中需要在html中添加水印效果，試驗了一下幾種方法 1、使用背景圖添加水印 2、使用定位添加水印 3、使用js添加可配置控制水印 CSS: body{background-color: #eef1f8;} #one{padd
2020-06-23 08:50:11
原创 註冊登錄時輸入11位手機號，不能輸入字母和特殊字符，input number類型去掉上下加減箭頭
1、如果使用type=“number”，則爲造成能輸入“-”、‘+’和“.”，在type爲number的時候要可以輸入加號、減號和小數點的。 補充：在爲number類型時，會產生上下可以加減的箭頭，去掉方式爲 input[type=
2020-02-23 13:02:04
原创 jquery的表單事件
表單事件是web開發中常用的事件，以jquery爲例，梳理一下jquery的表單事件。 1、blur事件 爲<input>元素，<textarea>失去焦點的時候觸發的。 2、focus事件 爲<input>元素，<textarea>獲取
2020-02-23 13:02:04
原创 jquery 父、子頁面之間頁面元素的獲取，方法的調用
一、jquery 父、子頁面之間頁面元素的獲取，方法的調用： 1. 父頁面獲取子頁面元素： 格式：$("#iframe的ID").contents().find("#iframe中的控件ID").click();
2020-02-23 13:02:04
原创 HTML頁面跳轉的方法
1、html中使用meta中跳轉，通過meta可以設置跳轉時間和頁面 <head> <!--只是刷新不跳轉到其他頁面 --> <meta http-equiv="refresh" content="5"> <!--定時轉到其他頁面 --
2020-02-23 13:02:04
原创 js獲取上一頁訪問的URL地址
1、返回上一頁我們可以使用history.go(-1)或者history.back(); 2、再實際移動端開發中，頁面分享出去，但是當前頁面有返回按鈕，如果使用history.go(-1)或者history.back()，用戶點擊返回按鈕
2020-02-23 13:02:04
原创 只保留表格表頭，其他內容清空
使用jquery只保留表格中表頭一行，其他的內容代碼清空的代碼。 $("table tr:not(:first)").remove();
2020-02-23 13:02:04
原创 user agent stylesheet瀏覽器默認樣式及樣式重置
1、user agent stylesheet是瀏覽器默認樣式表，是瀏覽器默認樣式。 2、不同瀏覽器的默認樣式不同個，甚至同種瀏覽器不同版本的默認樣式也可能不同。其中google中對body的默認樣式爲margin：8px； 3、前端開
2020-02-23 13:02:04
原创 jquery修改輸入框和文本域的placeholder
在項目中遇到輸入框的重置按鈕，重置的內容是需要把input輸入框中的內容置空，並且顯示placeholder的值； 如果使用$('input').val(' ')的方式不僅把輸入框中的內容置空了，並且輸入框的placeholder也爲空
2020-02-23 13:02:04
原创 ajax動態獲取select中option內容，並添加點擊事件
html代碼： <select id="prov"></select>js代碼： //ajax請求，封裝的get請求方法 Get(GETITEMSCURRENTCODE,provOption,function(data){ if(dat
2020-02-23 13:02:04
原创 jquery.ajax()向後臺傳遞數組數據問題，java後臺無法接受
1、使用jquery ajax前端向後臺傳數據的時候有時候會傳數組數據，而java後臺同學接收到的數據不對； 總結一下： var sendMsg = new Array(); sendMsg.push(1); sendMsg.push(
2020-02-23 13:02:04