HTML5
losedguest
这个作者很懒,什么都没留下…
展开
-
一個案例探究client,offset
1.標籤屬性 clientWidth,clientHeight,clientTop,clientLeft,offsetWidth,offsetHeight,offsetTop ,offsetLeftclientWidth= width+padding,clientHeight=height+paddingclientTop =border,clientLeft同理offsetWidth=clientWidth+border,offsetHeight=clientHeight+bordero.原创 2021-01-04 07:58:39 · 89 阅读 · 0 评论 -
nativefier 異常問題記錄及解決方案--封裝網頁
1.全局安裝nativefier,命令行輸入 npm install nativefier -g,當前已裝,不再執行了,2.安裝后查看版本 nativefier -v 當前最新版本 是10.1.5,安裝指定版本 npm install nativefier@^9.1.0 -g3.封裝網頁時(nativefier -n baidu www.baidu.com),卡了 版本10.1.5 ,可能是這個版本的問題 後續換了版本 9.1.0URL "www.baidu.com" lacks a原创 2020-11-17 16:34:37 · 2027 阅读 · 1 评论 -
CSS height高度不包含邊框和內邊距的原因
1.是否採用了<!DOCTYPE html>,無<!DOCTYPE html>的高度包含邊框和邊距2.* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }採用此樣式高度包含邊框和邊距效果可直接看CSS的計算結果直接採用<html> CS...原创 2018-03-19 16:28:01 · 1247 阅读 · 0 评论 -
Web Js實現Spliter功能
網頁實現Spliter,可拖拽改變文本框大小JS已封裝使用方便Demo下載https://download.csdn.net/download/losedguest/10277187效果圖1.左右,上下2.左中右3.上下 及寬度拖動改變...原创 2018-03-09 10:57:29 · 683 阅读 · 0 评论 -
Font Awesome圖標使用 Web右鍵多級菜單
Font Awesome圖標包含六七百個圖標,圖標豐富Font Awesome圖標就是特殊的文字可以隨意調整圖標顏色和圖標大小加入引用本地使用添加引用<link rel="stylesheet" href="css/fontawesome-all.min.css" /> 注意webfonts文件夾同CSS文件夾同級JS已封裝使用方便,只需要Json數據就可以在html頁面顯示De...原创 2018-03-09 10:39:51 · 266 阅读 · 0 评论 -
右側頁簽
<html lang="en"><head> <meta name="renderer" content="webkit" /> <meta http-equiv="Content-type" name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-w原创 2017-12-28 09:11:50 · 318 阅读 · 0 评论 -
按鈕 開關 單選,多選
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title><script type="text/javascript" src="JS/jquery原创 2017-12-28 09:07:00 · 1416 阅读 · 0 评论 -
IE11 Storage未定義但是window.localStorage卻可以使用
部份Win7的IE11瀏覽器無法正常使用Storage 可能JSON格式的變量也無法使用 返回值是[] HTML增加一句IE瀏覽器採用最高渲染模式 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 還可以檢查是否這是當前網站的兼容性,如果添加了,可以移除后再試原创 2017-11-24 11:12:06 · 1923 阅读 · 0 评论 -
input type="checkbox"
正確的使用方式 (“#checkbox-0”).prop(“checked”, “checked”);(“#checkbox-0”).prop(“checked”, “checked”); (“#checkbox-0”).prop(“checked”); 採用Attr(“checked”)負任何值都是選中原创 2017-10-26 14:15:27 · 411 阅读 · 0 评论 -
HTML 動態添加的標籤綁定事件
//動態添加的標籤綁定事件, (document).off(ClickEve,ClassName).on(ClickEve,ClassName,function(b))//固定標籤(document).off(ClickEve, ClassName).on(ClickEve, ClassName, function (b){}) //固定標籤 (“.Name”).unbind(“cli原创 2017-10-26 14:22:19 · 260 阅读 · 0 评论 -
Lable+input 單選標籤的單擊事件執行兩次
ipt-checkbox input[type="checkbox"]{ display: none;}.ipt-checkbox input[type="checkbox"]+label { display: inline-block; text-align: left; -webkit-box-sizing: border-box;}.ipt-check原创 2017-10-26 14:21:48 · 258 阅读 · 0 评论 -
html contenteditable="true" ctrl+v黏貼時會帶標籤的處理方式
var IsCtrl =false; $(document).off(“keydown”, “.txt”).on(“keydown”, “.txt”, function (e) { IsCtrl = e.ctrlKey; });$(document).off("keyup", ".txt").on("keyup", ".txt", function (e) {原创 2017-10-26 14:17:23 · 676 阅读 · 0 评论