zoukankan      html  css  js  c++  java
  • load()方法---------jQuery动态加载html

    我的个人德州扑克项目https://github.com/mingzijian/pokers,欢迎给星星。
      jquery代码
      $("#div").load("test.html"); 
       
         

    test.html   ----------------被加载页面(有<HTML><HEAD><META><BODY>等的完整页面 )
    $("#div")所在页面----------------------------容器页面(也是完整页面)

      1、被加载页面      可以使用     自己页面的CSS样式
      2、被加载页面      可以使用     容器页面的CSS样式,当自己页面css样式和容器页面的CSS样式冲突时,自己页面的css样式起作用!
        3、被加载页面

    能使用     自己页面的javascript

        4、被加载页面

    能使用     容器页面的javascript,当自己页面javascript和容器页面的javascript冲突时,都起作用,形成“冒泡”;

      5、     容器页面的head里面的   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> )     对      被加载页面      无效
      6、 被加载页面的head里面的   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> )     对      被加载页面      无效



      7、被加载页面的字符编码只能是UTF-8
      jquery代码
      load() 方法允许加载html文档的一部分,语法如下:
      $("#div").load("test.html #content");  
      test.html    #content(中间有一个空格)  ----------------被加载页面的id是content的部分
      加载html文档的一部分的情况有所不同(自己页面的css样式和javascript都丢失,能使用容器页面的css样式和javascript),
      不过都是按照下面做法实现的,可以根据   把html文件加载到容器页面形成的文档情况   而定
      w3cshcool说load() 方法是这样实现的:
      jQuery 使用浏览器的 .innerHTML 属性来解析被取回的文档,并把它插入当前文档。在此过程中,浏览器常会从文档中过滤掉元素,
      比如 <html>, <title> 或 <head> 元素。结果是,由 .load() 取回的元素可能与由浏览器直接取回的文档不完全相同。
        注释:由于浏览器安全方面的限制,大多数 "Ajax" 请求遵守同源策略;请求无法从不同的域、子域或协议成功地取回数据。
  • 相关阅读:
    mapreduce 函数入门 二
    mapreduce 函数入门 一
    Flume+Kafka+Storm+Redis 大数据在线实时分析
    mapReduce 大数据离线分析
    docker 简介
    flume安装使用+根据数据源分类
    hiho 171周
    如何新建一个空的optix工程
    读 Real-Time Rendering 收获
    hiho 1590
  • 原文地址:https://www.cnblogs.com/lixiaoran/p/6251397.html
Copyright © 2011-2022 走看看