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随记的更多相关文章

  1. HTML5 乱记

    HTML5 的文档类型声明可以触发所有具备标准模式的浏览器的标准模式,包括那些对 HTML5 一无所知的浏览器,也就是说,可以在任何网页中都使用 HTML5 文档类型声明 <!DOCTYPE h ...

  2. 浅谈html5 video 移动端填坑记

    这篇文章主要介绍了浅谈html5 video 移动端填坑记,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧 本文介绍了html5 video 移动端填坑记,分享给大家,具体 ...

  3. html5 web worker学习笔记(记一)

    (吐槽:浏览器js终于进入多线程时代!) 以前利用setTimeout.setInterval等方式的多线程,是伪多线程,本质上是一种在单线程中进行队列执行的方式.自从html5 web worker ...

  4. 一场属于HTML5守望者的盛宴——记图灵参加HTML5峰会

    2013年8月,北京正是一个火热的季节.一场火热的盛会,HTML5 峰会如约来袭.这是一场属于 HTML5 守望者的盛宴!HTML5作为一项新兴的技术,其未来是光明的,但是道路却是曲折的.需要标准的不 ...

  5. 记一次奇葩事——html5可能不支持window.onscroll函数

    只在html5里遇到,html4没事:拿出来聊聊,路过帮忙解答下!!! 不正常的 <!doctype html><html><head><meta chars ...

  6. html5 01 随记

    一  HTML 是一种制作网站的标记语言 二.HTML基本语法 HTML 标签 html标签是html中的最基本单位 也是最重要的部分 通常使用尖角号 开始"<"和结束&qu ...

  7. html5 02 随记

    HTML 02 全局通用属性  id  name  class  style 一. 图像标签 标签名:<img  /> 常用属性: Alt -- 代表图像的替代文字 作用: 当图片不显示的 ...

  8. 几行代码把Chrome搞崩溃之:HTML5 MP3录音由ScriptProcessorNode升级成AudioWorkletNode采坑记

    关键词: STATUS_ACCESS_VIOLATION AudioContext AudioWorkletNode audioWorklet addModule resume suspended c ...

  9. 如何开发一个简单的HTML5 Canvas 小游戏

    原文:How to make a simple HTML5 Canvas game 想要快速上手HTML5 Canvas小游戏开发?下面通过一个例子来进行手把手教学.(如果你怀疑我的资历, A Wiz ...

随机推荐

  1. noip考前抱佛脚 数论小总结

    exCRT 求解韩信点兵问题,常见的就是合并不同\(mod\). 先mo一发高神的板子 for(R i=2;i<=n;++i){ ll Y1,Yi,lcm=Lcm(p[i],p[1]); exg ...

  2. HC-42蓝牙模块-nRF52832-数传蓝牙

    资料下载地址:链接:https://pan.baidu.com/s/1RRajrI5NvNY8tRVuYbOTug    提取码:31ho 我的蓝牙模块淘宝购买地址:https://detail.tm ...

  3. 使用layui iframe弹层,各弹层之前的传值问题

    最近做一个后台管理系统,用到的layui,主要是使用它的弹层,但是各个弹层之前的传值经常容易搞晕,写个个博客记录一下,方便自己,也方便别人, 首先我的页面已经嵌套了好几个iframe页面了,嵌套了三个 ...

  4. C++fread/fwrite的基础用法

    前言 fread是吼东西 应某人要求(大概)科普一下 fread #include <iostream> #include <cstdlib> #include <cst ...

  5. JavaScript算数运算符和一元运算符

    算数运算符 加法运算符(Addition): x + y 减法运算符(Subtraction): x - y 乘法运算符(Multiplication): x * y 除法运算符(Division): ...

  6. STM32内部时钟设置-寄存器版

    STM32寄存器版本——内部时钟设置 同时要记得把延时初始化函数设置好 //系统时钟初始化函数 //pll:选择的倍频数,从2开始,最大值为16 //pll:选择的倍频数,这里使用内部时钟,PLL为4 ...

  7. Java——this

    [this] 在没有new一个对象前,this不知道指的是什么:当new出一个对象时,this指的是当前对象的引用.  

  8. Python_016(面向对象之属性和类方法)

    一.特性(property,setter,deleter) 1.属性:将一个方法伪装成一个属性,在代码级别上没有本质的提升,但是看起来更合理; class Person: def __init__(s ...

  9. RedisTemplate访问Redis数据结构(一)——String

    当对String数据结构进行操作时,推荐直接使用spring-data-redis提供的StringRedisTemplate,其配置如下 <bean id="stringRedisT ...

  10. httpscan 爬虫式的网段Web主机发现小工具

    httpscan是一个扫描指定网段的Web主机的小工具.和端口扫描器不一样,httpscan是以爬虫的方式进行Web主机发现,因此相对来说不容易被防火墙拦截.httpscan会返回IP http状态码 ...