HTML
head标签的作用:
<head>标签用于定义文档的头部元素的容器,<head>中的元素可以引用脚本,指示浏览器可以找到的样式表、提供元信息等。
头部里面包含的信息大部分都不会真正作为内容展示给读者。
body标签:
文档的主体,文档的都有内容都包含在里面。
这里面也可以添加js标签
web worker
可以做异步下载,不会影响主线程的响应。
js里面的对象有哪些:
window 对象
document 对象
parent 对象
form
标签用于为用户输入创建 HTML 表单。
样式的优先级(从下到上优先级一次增加)
浏览器缺省设置
外部样式表
内部样式表(位于 <head> 标签内部)
内联样式(在 HTML 元素内部)
可以为类、属性、标签设置样式。
css:
id是选择器的意思
CSS 元素选择器(类型选择器)
可以设置 XML 文档中元素的样式
通配符选择器
设置所有元素都有这个样式
类选择器:
类选择器和元素选择器可以配合起来一起使用。
ID选择器:
前面会有一个#号
区别:
- 只能在文档中使用一次
- id选择器不能结合使用
- 可以独立于元素使用(也就是可以应用在不同的元素上面)
属性选择器:
根据元素的属性和属性值来选择
后代选择器(包含选择器)
javaScript:
onclick= 点击事件(控件和点击事件之间的逻辑,系统已经帮我们封装好了,我们只需要实现onclick方法就可以了)
可以将一个方法赋值给onclick方法,那么点击之后调用的方法就是它
x = document.getElementByID("some id")
x.style就是它的样式,可以改变html的样式
DOM(文档对象模型)
HTML 中的脚本必须位于 <script> 与 </script> 标签之间。
脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。
如果是外部js文件,
需要在src中设置外部的文件地址
// 文档加载完之后,调用write方法,文档整个会被覆盖掉。
如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖
如果把 throw 与 try 和 catch 一起使用,那么您能够控制程序流,并生成自定义的错误消息。
throw 主动抛出一个异常,在catch里面截获这个异常,然后进行处理。
try
{
var x=document.getElementById("demo").value;
if(x=="") throw "值为空";
if(isNaN(x)) throw "不是数字";
if(x>10) throw "太大";
if(x<5) throw "太小";
}
catch(err)
{
var y=document.getElementById("mess");
y.innerHTML="错误:" + err + "。";
}
}
找到HTML元素的方法
通过 id 找到 HTML 元素
通过标签名找到 HTML 元素
通过类名找到 HTML 元素
改变属性的语法:
document.getElementById(id).attribute=new value
//改变样式的语法:
onclick="document.getElementById('id1').style.color='red'"
删除元素的时候必须知道父元素
常规方法就是
var child=document.getElementById("p1");
child.parentNode.removeChild(child);
数据存储:
javaScript 中的所有数字都存储为根为 10 的 64 位(8 比特),浮点数。
window对象:
当前的窗口对象。
window.location 对象用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面。
window.navigator 对象包含有关访问者浏览器的信息,window的前缀可以不需要
由于不同的浏览器支持不同的对象,您可以使用对象来检测浏览器。例如,由于只有 Opera 支持属性 "window.opera",您可以据此识别出 Opera。
JS HTML DOM
JS 对象
JS Window
JS 库
JS 实例和测验
JS 参考手册
JS 课外书
建站手册
关于 W3School
帮助 W3School
JavaScript Cookies
cookie 用来识别用户。
实例
<dl style="margin: 10px 0px 0px; padding: 0px; border: 0px;">
<dt style="margin: 15px 0px 5px; padding: 0px; border: 0px;">创建一个欢迎 cookie</dt>
<dd style="margin: 0px; padding: 0px; border: 0px;">利用用户在提示框中输入的数据创建一个 JavaScript Cookie,当该用户再次访问该页面时,根据 cookie 中的信息发出欢迎信息。</dd>
</dl>
什么是cookie?
cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。
正如您在上面的例子中看到的,jQuery 允许链接(链式语法)。
链接(Chaining)是一种在同一对象上执行多个任务的便捷方法。
网友评论