HTML5随记
1、浏览器加载HTML的过程是从上至下,因此引用的第三方js文件一定要放到自己定义的js文件的前面,否则引入的js文件将会在加载时失效。
2、html的全局属性包括:accesskey、contenteditable、dir、hidden、tabindex、class、id、style
3、css属性:background-color元素背景色,color元素前景色
4、css尺寸:绝对长度和相对长度。其中相对长度有em、ex、px、rem、%,其中em是与字号挂钩的相对单位,1em表示1个字体高度。1ex大约等于0.5em
5、javascript中的undefined和null的区别:undefined是没有定义该变量,null是定义了该变量但是无值。做判空处理的时候,两者都要做判断,或者直接使用逻辑!运算符。
//下面两种方式都可以
if (city.name==null || city.name==undefined) {}
if(!city.name){}
6、HTML元素一共可分为下面几大类:文档和元数据元素、文本元素、内容分组元素、页面分组元素、制表元素、表单元素、内容嵌入元素。
文档和元数据元素:DOCTYPE、html、head、body、base、link、mata、script、noscript、style、title
文本元素:a、abbr、b、br、cite、code、del、dfn、em、i、ins、kbd、mark、q、rp、rt、ruby、s、samp、small、span、strong、sub、sup、time、u、var、wbr
内容分组元素:blockquote、dd、div、dl、dt、figcaption、figure、hr、li、ol、ul、p、pre、
页面分组元素:address、article、aside、details、footer、h1~h6、header、hgroup、nav、section、sumary
制表元素:caption、col、colgroup、table、tbody、tfoot、th、td、tr、thead、
表单元素:button、datalist、fieldset、form、input、keygen、label、legend、optgroup、option、output、select、textarea
内容嵌入元素:area、audio、canvas、embed、iframe、、img、map、meter、object、param、progress、source、svg、track、video
7、js中数组和对象的关系
//js中数组就是对象,可以在数组中定义属性,但是其数据并不存在数组结构中
var city={};
city.name="shanghai";
console.log(city["name"]);//shanghai
console.log(city.name);//shanghai var person=[];
person.name="zhangsan";
console.log(person["name"]);//zhangsan
console.log(person.name);//zhangsan
console.log(person[0]);//undefined
//未索引到数据,说明上面定义的“zhangsan”并不存在数组结构中
person.push("lisi");//向数组中添加数据
console.log(person[0]);//lisi
console.log(person[1]);//undefined
console.log(person["name"]);//zhangsan
//进一步证实上面的结论
通过上面的代码可以证实,js中索引数组结构中的数组只能通过位置索引,并不存在说是通过名称索引。而通过名称索引的数据,其实是数组对象中定义的属性值。
8、解决表格中文字显示过长的问题
css样式:
table {
table-layout: fixed;!important
} tr td {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
html:
<td title="xxxxxxxxxxxxx">xxxxxxxxxxxxx</td>
效果:
9、js中计算中文文字长度,或者中英文混合长度
var jmz = {};
jmz.GetLength = function(str) {
return str.replace(/[\u0391-\uFFE5]/g,"aa").length; //先把中文替换成两个字节的英文,在计算长度
};
HTML5随记的更多相关文章
- HTML5 乱记
HTML5 的文档类型声明可以触发所有具备标准模式的浏览器的标准模式,包括那些对 HTML5 一无所知的浏览器,也就是说,可以在任何网页中都使用 HTML5 文档类型声明 <!DOCTYPE h ...
- 浅谈html5 video 移动端填坑记
这篇文章主要介绍了浅谈html5 video 移动端填坑记,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧 本文介绍了html5 video 移动端填坑记,分享给大家,具体 ...
- html5 web worker学习笔记(记一)
(吐槽:浏览器js终于进入多线程时代!) 以前利用setTimeout.setInterval等方式的多线程,是伪多线程,本质上是一种在单线程中进行队列执行的方式.自从html5 web worker ...
- 一场属于HTML5守望者的盛宴——记图灵参加HTML5峰会
2013年8月,北京正是一个火热的季节.一场火热的盛会,HTML5 峰会如约来袭.这是一场属于 HTML5 守望者的盛宴!HTML5作为一项新兴的技术,其未来是光明的,但是道路却是曲折的.需要标准的不 ...
- 记一次奇葩事——html5可能不支持window.onscroll函数
只在html5里遇到,html4没事:拿出来聊聊,路过帮忙解答下!!! 不正常的 <!doctype html><html><head><meta chars ...
- html5 01 随记
一 HTML 是一种制作网站的标记语言 二.HTML基本语法 HTML 标签 html标签是html中的最基本单位 也是最重要的部分 通常使用尖角号 开始"<"和结束&qu ...
- html5 02 随记
HTML 02 全局通用属性 id name class style 一. 图像标签 标签名:<img /> 常用属性: Alt -- 代表图像的替代文字 作用: 当图片不显示的 ...
- 几行代码把Chrome搞崩溃之:HTML5 MP3录音由ScriptProcessorNode升级成AudioWorkletNode采坑记
关键词: STATUS_ACCESS_VIOLATION AudioContext AudioWorkletNode audioWorklet addModule resume suspended c ...
- 如何开发一个简单的HTML5 Canvas 小游戏
原文:How to make a simple HTML5 Canvas game 想要快速上手HTML5 Canvas小游戏开发?下面通过一个例子来进行手把手教学.(如果你怀疑我的资历, A Wiz ...
随机推荐
- noip考前抱佛脚 数论小总结
exCRT 求解韩信点兵问题,常见的就是合并不同\(mod\). 先mo一发高神的板子 for(R i=2;i<=n;++i){ ll Y1,Yi,lcm=Lcm(p[i],p[1]); exg ...
- HC-42蓝牙模块-nRF52832-数传蓝牙
资料下载地址:链接:https://pan.baidu.com/s/1RRajrI5NvNY8tRVuYbOTug 提取码:31ho 我的蓝牙模块淘宝购买地址:https://detail.tm ...
- 使用layui iframe弹层,各弹层之前的传值问题
最近做一个后台管理系统,用到的layui,主要是使用它的弹层,但是各个弹层之前的传值经常容易搞晕,写个个博客记录一下,方便自己,也方便别人, 首先我的页面已经嵌套了好几个iframe页面了,嵌套了三个 ...
- C++fread/fwrite的基础用法
前言 fread是吼东西 应某人要求(大概)科普一下 fread #include <iostream> #include <cstdlib> #include <cst ...
- JavaScript算数运算符和一元运算符
算数运算符 加法运算符(Addition): x + y 减法运算符(Subtraction): x - y 乘法运算符(Multiplication): x * y 除法运算符(Division): ...
- STM32内部时钟设置-寄存器版
STM32寄存器版本——内部时钟设置 同时要记得把延时初始化函数设置好 //系统时钟初始化函数 //pll:选择的倍频数,从2开始,最大值为16 //pll:选择的倍频数,这里使用内部时钟,PLL为4 ...
- Java——this
[this] 在没有new一个对象前,this不知道指的是什么:当new出一个对象时,this指的是当前对象的引用.
- Python_016(面向对象之属性和类方法)
一.特性(property,setter,deleter) 1.属性:将一个方法伪装成一个属性,在代码级别上没有本质的提升,但是看起来更合理; class Person: def __init__(s ...
- RedisTemplate访问Redis数据结构(一)——String
当对String数据结构进行操作时,推荐直接使用spring-data-redis提供的StringRedisTemplate,其配置如下 <bean id="stringRedisT ...
- httpscan 爬虫式的网段Web主机发现小工具
httpscan是一个扫描指定网段的Web主机的小工具.和端口扫描器不一样,httpscan是以爬虫的方式进行Web主机发现,因此相对来说不容易被防火墙拦截.httpscan会返回IP http状态码 ...