`

jquery实现静态html文件的include效果

    博客分类:
  • html
阅读更多

比了下,Jquery实现起来简单多了,存个档。

 

直接调用jquery的get方法调用远程页面,代码就这样:

<script type="text/javascript" src="jquery-1.2.6.js"></script>
<script type="text/javascript">
$.get("top.html",function(data){
$("#top").html(data);
});
$.get("foot.html",function(data){
$("#foot").html(data);
});        
</script>

就这样把上面的代码加在<title></title>中就能做模板页面了,不过会有断码现象,乱码就两个原因造成的,一个代码的编码,一个就是文件的编码了,每个文件的两种编码格式都要统一,代码编码是我们可以自己指定的,一般不是GB2312就是utf-8,最好是utf-8,因为文件的编码一般都是utf-8,统一代码的编码可以在<title>之前指定

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

 

也可以通过在dreamweaver 中的菜单“修改”-》“页面属性”--》“标题/编码”来修改,修改文件的编码就更简单了,用记事本打开页面,选择另存为,在另存为对话框中文件名的下面有编码下拉框,选择utf-8就好。

分享到:
评论

相关推荐

    html静态页面拼接小案例

    简单的html静态页面拼接,不需要php、jsp等include来进行拼接,也不需要开启IIS。

    韩顺平PHP JS JQUERY 所有视频下载种子 货真价实

    10-18 7 smarty include使用 10-19 1 smarty实例 注册 10-19 2 smarty实例 注册2 10-19 3 smarty实例 注册3 10-19 4 smarty 字符串 自定义插件 缓存 10-19 5 smarty 字符串 自定义插件 缓存 10-19 6 smarty实例应?? ...

    python入门到高级全栈工程师培训 第3期 附课件代码

    06 jquery动画效果 07 jquery扩展与插件 08 jquery扩展补充 09 本周作业轮播图以及思路 第45章 轮播图片css部分 轮播图片js部分 第46章 01 数据库与dbms的概念 02 sql规范 03 数据库操作DDL 04 python s3 day46 ...

    Java面试宝典2020修订版V1.0.1.doc

    18、JSP中动态INCLUDE与静态INCLUDE的区别? 37 19、JSP和Servlet有哪些相同点和不同点,他们之间的联系是什么? 38 20、页面传递对象的方法? 38 21、Cookied和session区别? 38 22、Filter的生命周期与执行过程 38...

    (全)传智播客PHP就业班视频完整课程

    10-18 7 smarty include使用 10-19 1 smarty实例 注册 10-19 2 smarty实例 注册2 10-19 3 smarty实例 注册3 10-19 4 smarty 字符串 自定义插件 缓存 10-19 5 smarty 字符串 自定义插件 缓存 10-19 6 smarty实例应?? ...

    generator-vars-webapp:带有Gulp,Browserify,SassStylus等的静态Web应用程序的生成器

    产品特点用于CSS,JavaScript和HTML最小化的设置以及静态资产修订(将内容哈希追加到文件名) 快速开发具有可扩展和模块化体系结构(SMACSS)的 /使用gulp-file-include模板与Babelify和Watchify图书馆引导程序(可...

    千方百计笔试题大全

    123、JSP中动态INCLUDE与静态INCLUDE的区别? 31 124、两种跳转方式分别是什么?有什么区别? 31 125、如何执行一个线程安全的JSP? 31 126、JSP如何处理HTML FORM中的数据? 31 127、在JSP如何包含一个静态文件? 32 ...

    java面试宝典

    123、JSP中动态INCLUDE与静态INCLUDE的区别? 31 124、两种跳转方式分别是什么?有什么区别? 31 125、如何执行一个线程安全的JSP? 31 126、JSP如何处理HTML FORM中的数据? 31 127、在JSP如何包含一个静态文件? 32 128...

    CityShop 多用户商城源码 v6.0.9.rar

    citySHOP是一款集CMS、网店、商品、系统,管理更加科学快速; 全新Jquery前端引擎; 智能缓存、图表化的数据分析,手机短信营销; 各种礼包设置、搭配购买、关联等进一步加强用户体验;... 优化include包含文件的使用

    史上最全韩顺平传智播客PHP就业班视频,10月份全集

    史上最全韩顺平毕业班视频------这里只有10月份,8,9,11月份在另外一个文件下。 传智播客PHP就业班视频课程列表 8-11 1.html介绍 html运行原理① 8-11 2.html运行原理② html文件基本结构 html元素和属性 8-11 3....

    史上最全传智播客PHP就业班视频课,8月份视频

    史上最全韩顺平毕业班视频------这里只有8月份,9,10,11月份在另外一个文件下。 传智播客PHP就业班视频课程列表 8-11 1.html介绍 html运行原理① 8-11 2.html运行原理② html文件基本结构 html元素和属性 8-11 3....

    史上最全韩顺平传智播客PHP就业班视频,9月份全集

    史上最全韩顺平毕业班视频------这里只有9月份,8,10,11月份在另外一个文件下。 传智播客PHP就业班视频课程列表 8-11 1.html介绍 html运行原理① 8-11 2.html运行原理② html文件基本结构 html元素和属性 8-11 3....

    个人博客网站.zip

    自己用Sass、bootstrap和jquery做的一个静态个人博客网站,主要使用了bootstrap的导航栏、下拉菜单、轮播图、多媒体对象、折叠面板、面包屑导航、模态框、字体图标等等,和Sass的变量、嵌套、 @import和模块、@mixin...

    精通AngularJS part1

    jQuery与AngularJS39 苹果与橙子40 窥视未来41 14总结41 第2章构建与测试43 21介绍示例应用44 熟悉问题领域44 技术栈45 持久化存储46 MongoLab46 服务器端环境47 第三方JavaScript库48 BootstrapCSS48 ...

    java面试题

    23. JSP中动态INCLUDE与静态INCLUDE的区别? 14 24. List, Set, Map区别 14 25. 集合类都有哪些?主要方法? 14 26. 简述逻辑操作(&,|,^)与条件操作(&&,||)的区别。 14 27. XML文档定义有几种形式?它们之间有何本质...

    django-croppic:使用Croppic.net上传和裁剪图像的Django程序包

    django-croppic 是一个jquery插件,它通过AJAX处理上传和处理图像...运行collectstatic命令将croppic的静态文件收集到STATIC_ROOT (如果在生产中) 配置 可用设置: CROPPIC_UPLOAD_PATH 默认值: pictures 存储上

    Z-Blog博客系统 2.2 Prism Build 130801

    6.将Z-Blog 1.8目录中 INCLUDE 目录下的文件转移至Z-Blog 2.X的 zb_usersINCLUDE 目录下。 7.在官方论坛的主程序下载页面下载升级包并解在Z-Blog 2.X的目录下。 8.运行http://你的网站/zb_update18to20/default.asp...

    老男孩第三期Python全栈开发视频教程 零基础系统学习Python开发视频+资料

    ├─(62) 07 python s3 day49 django静态文件之static.avi ├─(63) 08 python s3 day49 django的url控制系统.avi ├─(64) 09 python s3 day49 django的urlConf补充.avi ├─(65) day49课上所有.zip (14)\\python...

    ELline网站管理系统官方版源码 v2.0

    ELline 企业级网站管理系统是一款商业级企业网站管理软件,系统采用ASP+Access 伪静态技术开发,利用了许多现在流行的jquery技术,给你全新的操作体验! ELline的出发点是打造一款运行稳定功能实用的企业级商业软件,在...

Global site tag (gtag.js) - Google Analytics