Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 24式性无遮挡免费视频,一级毛片免费网站,好男人在线社区www影视下载

          整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費咨詢熱線:

          HTML DOM Body 對象

          HTML DOM Body 對象

          Body 對象

          Body 對象代表了 HTML body 元素。

          Body 對象代表文檔的主體 (HTML body) 。

          body 元素包含了所有的 HTML 文檔,如文本,超級鏈接,圖片,表格,列表,等等。

          Body 對象屬性

          W3C: W3C 標(biāo)準(zhǔn)。

          屬性描述W3C
          aLink設(shè)置或者返回主體元素的 alink 屬性。Yes
          background設(shè)置或者返回body元素的 background 屬性。Yes
          bgColor設(shè)置或者返回body元素的 bgColor 屬性。Yes
          link設(shè)置或者返回主體元素的 link 屬性。Yes
          text設(shè)置或者返回主體元素的 text 屬性。Yes
          vLink設(shè)置或者返回主體元素的 vLink 屬性。Yes

          Body 對象事件

          事件描述W3C
          onload腳本在頁面完全載入后會被立即執(zhí)行。Yes

          標(biāo)準(zhǔn)屬性和事件

          Body 對象同樣支持標(biāo)準(zhǔn)的 屬性 和 事件。

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!

          么是內(nèi)置對象呢???內(nèi)置對象,其實就是JSP中已經(jīng)給我們提供好的一些Java對象,我們可以直接在JSP頁面里面使用這些內(nèi)置對象,而不需要我們自己去創(chuàng)建。JSP里面提供了9個內(nèi)置對象,分別是:request、response、session、application、out、config、pageContext、page、exception。這一小節(jié)我們就來逐個介紹一下內(nèi)置對象的用法。

          1.1、內(nèi)置對象的本質(zhì)

          內(nèi)置對象本質(zhì)上就是JSP文件編譯成Servlet程序之后,在_jspService()方法中創(chuàng)建好的一些java對象,這些對象我們可以直接在JSP頁面使用。查看JSP文件編譯之后的源代碼文件如下所示:

          public void _jspService(final javax.servlet.http.HttpServletRequest request, final javax.servlet.http.HttpServletResponse response)
              throws java.io.IOException, javax.servlet.ServletException {
          
            final java.lang.String _jspx_method=request.getMethod();
            if (!"GET".equals(_jspx_method) && !"POST".equals(_jspx_method) && !"HEAD".equals(_jspx_method) && !javax.servlet.DispatcherType.ERROR.equals(request.getDispatcherType())) {
              response.sendError(HttpServletResponse.SC_METHOD_NOT_ALLOWED, "JSP 只允許 GET、POST 或 HEAD。Jasper 還允許 OPTIONS");
              return;
            }
          
            final javax.servlet.jsp.PageContext pageContext;
            javax.servlet.http.HttpSession session=null;
            final javax.servlet.ServletContext application;
            final javax.servlet.ServletConfig config;
            javax.servlet.jsp.JspWriter out=null;
            final java.lang.Object page=this;
            javax.servlet.jsp.JspWriter _jspx_out=null;
            javax.servlet.jsp.PageContext _jspx_page_context=null;
          
          
            try {
              response.setContentType("text/html;charset=UTF-8");
              pageContext=_jspxFactory.getPageContext(this, request, response,
              			null, true, 8192, true);
              _jspx_page_context=pageContext;
              application=pageContext.getServletContext();
              config=pageContext.getServletConfig();
              session=pageContext.getSession();
              out=pageContext.getOut();
              _jspx_out=out;
          
              out.write("\r\n");
              out.write("<html>\r\n");
              out.write("<head>\r\n");
              out.write("  <title>JSP內(nèi)置對象response</title>\r\n");
              out.write("</head>\r\n");
              out.write("<body>\r\n");
              out.write("  <h3>JSP內(nèi)置對象response</h3>\r\n");
              out.write("  ");
          
            // 在JSP里面,可以直接使用 response 這個內(nèi)置對象進(jìn)行操作
            response.sendRedirect("https://www.baidu.com");
          
              out.write("\r\n");
              out.write("</body>\r\n");
              out.write("</html>\r\n");
            } catch (java.lang.Throwable t) {
              if (!(t instanceof javax.servlet.jsp.SkipPageException)){
                out=_jspx_out;
                if (out !=null && out.getBufferSize() !=0)
                  try {
                    if (response.isCommitted()) {
                      out.flush();
                    } else {
                      out.clearBuffer();
                    }
                  } catch (java.io.IOException e) {}
                if (_jspx_page_context !=null) _jspx_page_context.handlePageException(t);
                else throw new ServletException(t);
              }
            } finally {
              _jspxFactory.releasePageContext(_jspx_page_context);
            }
          }

          通過上面的源代碼可以看到,源代碼中有下圖幾個內(nèi)置對象。

          1.2、內(nèi)置對象的使用

          這里我們就開始介紹一下request、response、session、application、out、config、pageContext、page、exception九個內(nèi)置對象的具體使用。

          (1)request

          request對象,是一個HttpServletRequest的請求對象,使用request對象可以獲取到當(dāng)前HTTP請求中的信息。

          <%@ page contentType="text/html;charset=UTF-8" language="java" %>
          <html>
          <head>
              <title>JSP內(nèi)置對象request</title>
          </head>
          <body>
              <h3>JSP內(nèi)置對象request</h3>
              <%
                  // 在JSP里面,可以直接使用 request 這個內(nèi)置對象進(jìn)行操作
                  String username=request.getParameter("username");
                  System.out.println(username);
              %>
          </body>
          </html>

          request請求對象中的常用方法,可以看下我之前寫的Servlet筆記

          (2)response

          response對象,是一個HttpServletResponse響應(yīng)對象,使用response響應(yīng)對象可以獲取到HTTP響應(yīng)中的一些信息。

          <%@ page contentType="text/html;charset=UTF-8" language="java" %>
          <html>
          <head>
            <title>JSP內(nèi)置對象response</title>
          </head>
          <body>
            <h3>JSP內(nèi)置對象response</h3>
            <%
              // 在JSP里面,可以直接使用 response 這個內(nèi)置對象進(jìn)行操作
              response.sendRedirect("https://www.baidu.com");
            %>
          </body>
          </html>

          response響應(yīng)對象中的常用方法,可以看下我之前寫的Servlet筆記

          request和response對象是在_jspService()方法參數(shù)中的,如下圖所示:

          (3)session

          session對象,是一個HttpSession會話對象,可以獲取到當(dāng)前Session會話信息。

          <%@ page contentType="text/html;charset=UTF-8" language="java" %>
          <html>
          <head>
              <title>JSP內(nèi)置對象session</title>
          </head>
          <body>
          <h3>JSP內(nèi)置對象session</h3>
          <%
              // 在JSP里面,可以直接使用 session 這個內(nèi)置對象進(jìn)行操作
              session.setAttribute("username", "IDEA");
          %>
          </body>
          </html>

          session對象是在JSP文件編譯之后創(chuàng)建的,如下圖所示:

          (4)application

          application對象,其實就是我們之前學(xué)習(xí)的ServletContext上下文對象,只不過在JSP里面,它將這個變量名稱定義成了application,用法和ServletContext上下文對象是一致的。

          案例代碼:

          <%@ page contentType="text/html;charset=UTF-8" language="java" %>
          <html>
          <head>
              <title>JSP內(nèi)置對象application</title>
          </head>
          <body>
          <h3>JSP內(nèi)置對象application</h3>
          <%
              // 在JSP里面,可以直接使用 application 這個內(nèi)置對象進(jìn)行操作
              application.setAttribute("username", "IDEA");
          %>
          </body>
          </html>

          這一小節(jié)就先介紹前4個內(nèi)置對象的使用。

          今天就到這里,未完待續(xù)~~

          家好,我是IT共享者,人稱皮皮。

          前言

          相信做網(wǎng)站對JavaScript再熟悉不過了,它是一門腳本語言,不同于Python的是,它是一門瀏覽器腳本語言,而Python則是服務(wù)器腳本語言,我們不光要會Python,還要會JavaScript,因為它對做網(wǎng)頁方面是有很大作用的。


          1.文檔對象(DOM)

          1).Document對象

          這是我們用的最普遍的一個文檔對象了,專門用來操作DOM節(jié)點時用。

          1)).獲取元素

          document.getElementById()           #通過id查找HTML元素
          document.getElementsByName()        #通過name查找HTML元素
          document.getElementsByTagName()     #通過標(biāo)簽名查找HTML元素
          document.getElementsByClassName()   #通過類名查找HTML元素 
          document.querySelector(".h")        #第一個類名為 "h" 的元素
          document.querySelectorAll("div.no, div#h") #所有class為"no"或者id為"h"的div元素
          document.body          #獲取body標(biāo)簽
          document.documentElement   #獲取html標(biāo)簽

          2)).獲取網(wǎng)頁內(nèi)容

          document.cookie        #網(wǎng)頁cookie
          document.domain        #文檔的域名
          document.lastModified  #文檔被最后修改的日期和時間
          document.referrer      #載入當(dāng)前文檔的文檔的URL
          document.title         #當(dāng)前文檔的標(biāo)題
          document.URL           #當(dāng)前文檔的URL
          document.doctype       #當(dāng)前文檔的doctype
          document.baseURI       #當(dāng)前文檔的絕對URI
          document.documentMode   #瀏覽器使用的模式
          document.documentURI    #文檔的URI
          document.implementation #DOM實現(xiàn)
          document.inputEncoding  #文檔的編碼(字符集)
          document.readyState     #文檔的(加載)狀態(tài)
          document.strictErrorChecking    #是否強(qiáng)制執(zhí)行錯誤檢查

          3)).文檔寫入

          document.write('hello world')   向文檔寫入文本
          document.writeln('hello world') 向文檔寫入文本并換行

          4)).獲取集合

          document.all        #所有html元素
          document.anchors    #所有Anchor引用
          document.forms      #所有的表單引用
          document.images     #所有的圖片引用
          document.links      #所有的超鏈接引用
          document.scripts    #所有的腳本引用
          document.embeds     #所有的流媒體引用

          5)).獲取節(jié)點

          childNodes          #獲取子節(jié)點的集合 ,返回數(shù)組 ,并把換行和空格也當(dāng)成是節(jié)點信息。
          children            #獲取子節(jié)點的集合 ,返回數(shù)組   
          firstChild          #獲取第一個子元素  并把換行和空格也當(dāng)成是節(jié)點信息
          firstElementChild   #獲取第一個子節(jié)點
          lastChild           #獲取最后一個子節(jié)點 并把換行和空格也當(dāng)成是節(jié)點信息
          lastElementChild    #獲取最后一個子節(jié)點
          parentNode          #獲取父節(jié)點
          parentElement       #獲取父節(jié)點(IE)
          offsetParent        #獲取所有父節(jié)點  對應(yīng)的值是body下的所有節(jié)點信息
          previousSibling         #獲取上一個兄弟節(jié)點  匹配字符,包括換行和空格,而不是節(jié)點
          previousElementSibling  #獲取上一個兄弟節(jié)點  直接匹配節(jié)點
          nextSibling             #獲取下一個兄弟節(jié)點  匹配字符,包括換行和空格,而不是節(jié)點
          nextElementSibling      #獲取下一個兄弟節(jié)點  直接匹配節(jié)點
          ownerDocument           #元素的根節(jié)點

          這里我們獲取到了所有的Div元素,我們可以針對性的獲取一個ID下的Div的子元素以及它的兄弟和父,子元素,如下:

          6)).創(chuàng)建節(jié)點

          我們可以自定義節(jié)點并添加值,不過要將它添加到文檔中去,所以必須添加節(jié)點,一般和下方的增加節(jié)點配套使用。

          document.createElement(標(biāo)簽)  #創(chuàng)建HTML元素
          document.createTextNode(文本) #給文檔添加文本
          document.createComment(文本)  #創(chuàng)建一個注釋節(jié)點
          document.createDocumentFragment() #創(chuàng)建文檔粉碎節(jié)點

          7)).增加節(jié)點

          appendChild(節(jié)點) #節(jié)點被添加到元素的末尾
          insertBefore(a,b) #a節(jié)點會插入b節(jié)點的前面

          8)).刪除節(jié)點

          removeChild(節(jié)點名)  #被移除的節(jié)點仍在文檔中,只是文檔中已沒有其位置了

          9)).替換節(jié)點

          replaceChild(插入的節(jié)點,被替換的節(jié)點)

          10)).復(fù)制節(jié)點

          a.cloneChild() #復(fù)制a節(jié)點,復(fù)制出來的節(jié)點作為返回值為true時,則a元素后代也一并復(fù)制。否則,僅復(fù)制a元素本身

          11)).節(jié)點屬性

          #節(jié)點類型 nodeType 有三種情況
          #1.元素節(jié)點  2.屬性節(jié)點  3.文本節(jié)點
          
          
          #節(jié)點名稱 nodeName 
          
          
          #節(jié)點值 nodeValue 
          #元素節(jié)點沒節(jié)點值,為null 
          #文本節(jié)點的節(jié)點值就是文本
          #屬性節(jié)點的節(jié)點值就是該屬性值
          
          
          #節(jié)點屬性獲取
          a.width
          a['width']
          a.gerAttribute(屬性名)  返回指定的屬性值
          a.gerAttributeNode(屬性名) 返回指定的屬性節(jié)點
          節(jié)點屬性設(shè)置
          a.width=400
          a['width']=400
          a.attributes['width']=400
          a.setAttribute('width',400) 添加指定的屬性
          a.setAttributeNode(b) 添加指定的屬性節(jié)點
          
          
          #節(jié)點屬性刪除
          a.removeChild(子節(jié)點)    從元素中移除子節(jié)點
          a.removeAttribute(屬性)  從元素中移除指定屬性
          a.removeAttributeNode(屬性) 移除指定的屬性節(jié)點,并返回被移除的節(jié)點
          
          
          a.id 獲取當(dāng)前元素的id
          a.className  獲取當(dāng)前元素的class
          a.classList  獲取當(dāng)前元素的class列表
          
          
          a.accessKey='w'    設(shè)置或返回元素的快捷鍵
          a.namespaceURI     返回指定節(jié)點的命名空間的 URI
          a.dir              設(shè)置或返回元素的內(nèi)容是否可編輯
          a.normalize()      合并元素中相鄰的文本節(jié)點,并移除空的文本節(jié)點
          a.tabIndex='3'     設(shè)置或返回元素的tab鍵控制次序
          a.tagName          返回元素的標(biāo)簽名
          a.textContent      設(shè)置或返回節(jié)點及其子代的文本內(nèi)容
          a.title            設(shè)置或返回元素的標(biāo)題屬性
          a.item(num)        返回節(jié)點列表中位于指定下標(biāo)的節(jié)點
          a.length           返回節(jié)點列表中的節(jié)點數(shù)

          12)).獲取元素文本

          a.innerHTML  獲取或者設(shè)置對象內(nèi)的HTML
          a.innerText  獲取或者設(shè)置對象內(nèi)的文本
          a.outerHTML  獲取或者設(shè)置對象外的HTML
          a.outerText  獲取或者設(shè)置對象外的文本
          a.value      獲取或者設(shè)置表單元素的值


          總結(jié)

          這篇文章主要介紹了JavaScript的文檔對象。下一篇文章,我們繼續(xù)介紹JavaScript,敬請期待!


          主站蜘蛛池模板: 免费观看日本污污ww网站一区| 熟妇人妻一区二区三区四区| 亚洲日韩中文字幕无码一区| 高清精品一区二区三区一区| 伊人久久精品无码av一区| 亚洲日韩精品一区二区三区无码| 日本视频一区在线观看免费| 精品一区二区三区在线视频| 成人国内精品久久久久一区| 国产一区二区三区在线看片| 国产精品无码一区二区在线| 日本精品一区二区三区四区| 国产精品盗摄一区二区在线| 国产精品视频一区二区三区经| 爆乳熟妇一区二区三区霸乳| 波多野结衣电影区一区二区三区| 日本免费一区二区在线观看| 国产福利一区二区三区| 日韩在线一区二区| 人妻久久久一区二区三区| 无码精品一区二区三区免费视频 | 性色av无码免费一区二区三区| 国产av一区二区三区日韩| 精品一区二区三区中文字幕| 精品一区二区三区中文字幕| 国产成人无码一区二区在线播放 | 亚洲午夜福利AV一区二区无码 | 亚拍精品一区二区三区| 亚洲AV无一区二区三区久久| 无码人妻少妇色欲AV一区二区| 国产成人一区二区三区在线观看| 日本欧洲视频一区| 日本一区二区三区精品中文字幕| 日韩精品一区二区三区四区| 日韩精品一区二区亚洲AV观看| 美女毛片一区二区三区四区| 无码丰满熟妇一区二区| 精品中文字幕一区在线| 国产亚洲自拍一区| 久久久国产精品一区二区18禁| 中文字幕乱码人妻一区二区三区|