作者: 开心一刻_ | 来源:发表于2018-12-09 12:50 被阅读0次

    HTML

    head标签的作用:

    <head>标签用于定义文档的头部元素的容器,<head>中的元素可以引用脚本,指示浏览器可以找到的样式表、提供元信息等。
    头部里面包含的信息大部分都不会真正作为内容展示给读者。
    

    body标签:

    文档的主体,文档的都有内容都包含在里面。
    这里面也可以添加js标签
    

    web worker

    可以做异步下载,不会影响主线程的响应。
    

    js里面的对象有哪些:

    window 对象
    document 对象
    parent 对象
    

    form

     标签用于为用户输入创建 HTML 表单。
    

    样式的优先级(从下到上优先级一次增加)

    浏览器缺省设置
    外部样式表
    内部样式表(位于 <head> 标签内部)
    内联样式(在 HTML 元素内部)
    

    可以为类、属性、标签设置样式。
    css:

    id是选择器的意思

    CSS 元素选择器(类型选择器)

    可以设置 XML 文档中元素的样式
    

    通配符选择器

    设置所有元素都有这个样式
    

    类选择器:

    类选择器和元素选择器可以配合起来一起使用。

    ID选择器:
    前面会有一个#号

    区别:

    1. 只能在文档中使用一次
    2. id选择器不能结合使用
    3. 可以独立于元素使用(也就是可以应用在不同的元素上面)

    属性选择器:
    根据元素的属性和属性值来选择

    后代选择器(包含选择器)

    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)是一种在同一对象上执行多个任务的便捷方法。

    相关文章

      网友评论

          本文标题:

          本文链接:https://www.haomeiwen.com/subject/cezocqtx.html