jquery获得当前html页面源码的方法

本文实例讲述了jquery获得当前html页面源码的方法。分享给大家供大家参考。具体实现方法如下：

$("#btnGetCode").click(function(){
  var a = '<!DOCTYPE html><html lang="zh-cn">';
  var z = "</html>"
  var by = $(":root").html();
  $("#codeView").val(a+by+z);
});

其中 $(":root") 选择器为根选择器
它总是从<html>开始

希望本文所述对大家的jquery程序设计有所帮助。

赞 (0)

相关推荐

  • jQuery打印指定区域Html页面并自动分页

    最近项目中需要用到打印HTML页面,需要指定区域打印,使用jquery.PrintArea.js 插件 用法: $("div#printmain").printArea(); 但还是会打印DIV后面的内容,这里可以使用CSS控制打印分页 <div style="page-break-after: always;"></div> 有时用CSS控制分页了但还是会连续打印页面,这里就可以用上PrintArea 插件中的属性参数. PrintArea

  • jQuery实现将页面上HTML标签换成另外标签的方法

    本文实例讲述了jQuery实现将页面上HTML标签换成另外标签的方法.分享给大家供大家参考.具体分析如下: 替换前代码如下: <code> A </code> <code> B </code> <code> C </code> 替换后代码如下: <pre> A </pre> <pre> A </pre> <pre> A </pre> 实现替换代码: 复制代码 代码

  • jQuery+css+html实现页面遮罩弹出框

    jQuery+css+html实现页面遮罩弹出框

    页面遮罩弹出框是最常见的一种情况,今天用jQuery实现页面遮罩弹出框,主要用的技术有JQuery,css和html, html代码如下: 复制代码 代码如下: <div id="main"><a href="javascript:showBg();">点击这里查看效果</a> <div id="fullbg"></div> <div id="dialog"&g

  • jquery实现html页面 div 假分页有原理有代码

    div假分页原理:填充后div的总高度 (1000px) 显示高度(100px) 则页面总数为10页 .当查看第二页时,显示的div高度为100 - 200之间,以此类推 看见页面在翻页 实则为div滚动条移动. <div id="applications">显示数据集合</div> <style> #applications { /* width:500px;调整显示区的宽*/ height: 1592px; /*调整显示区的高*/ font-si

  • 把html页面的部分内容保存成新的html文件的jquery代码

    复制代码 代码如下: //保存聊天记录到本地 function save_record() { //取得当前日期作为文件名 var time=new Date(); var filename=time.toLocaleDateString(); //获取当前页面部分内容 var record=$("#contentList").html(); //打开新窗口保存 var winRecord=window.open('about:blank','_blank','top=500'); w

  • jquery获得当前html页面源码的方法

    本文实例讲述了jquery获得当前html页面源码的方法.分享给大家供大家参考.具体实现方法如下: $("#btnGetCode").click(function(){ var a = '<!DOCTYPE html><html lang="zh-cn">'; var z = "</html>" var by = $(":root").html(); $("#codeView&qu

  • jQuery获得字体颜色16位码的方法

    本文实例讲述了jQuery获得字体颜色16位码的方法.分享给大家供大家参考,具体如下: var i = $(this).css('color'); var o = i.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/); delete (o[0]); for (var n = 1; n <= 3; ++n) { o[n] = parseInt(o[n]).toString(16); if (o[n].length == 1) o[n] = '0' + o[n];

  • jQuery is not defined 错误原因与解决方法小结

    通常出现这种状况有几种解决方法: 1:查看是否引入jquery文件 就算引入了文件了是不是通过一些整站下载器之类的软件下载的,都会出现问题,建议用迅雷到官方下载即可. 2:查询路径是否错误,可以在页面源码中点击js文件路径. 有时候js里面会自动加入一些路径,导致路径错误 3: JS是解释型语言,是根据标签引用分块顺序执行的,$是jQuery中的产生的对象,需要用的话,必须将jquery.js文件放在使用它的JS前面. 将jQuery库放在依赖于jQuery的JavaScript脚本之前,并且将

  • jQuery仿360导航页图标拖动排序效果代码分享

    jQuery仿360导航页图标拖动排序效果代码分享

    jquery实现360浏览器导航页图标拖动从新排序特效源码是一款模仿360浏览器导航页网站图标拖动排序的代码.本段代码适应于所有网页使用,有兴趣的朋友们可以学习一下. 运行效果图:                                         ----------------------查看效果 下载源码----------------------- 小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式. 为大家分享的360导航页图标拖动排序效果代码如下 <!DOCTYPE

  • jQuery日期范围选择器附源码下载

    jQuery日期范围选择器附源码下载

    jQuery Date Range Picker是一款允许用户选择一个日期时间范围的jQuery日期选择器插件.整个日期选择器插件使用CSS来渲染样式,可以非常容易的使用CSS来定制皮肤.而且浏览器兼容性非常好,支持多种时间格式. 查看演示             下载源码 准备 使用该日期选择器插件需要 jQuery 1.3.2+和Moment 2.2.0+的支持. <link rel="stylesheet" href="css/daterangepicker.cs

  • jQuery 生成svg矢量二维码

    jQuery 生成矢量svg二维码,并提供PNG,和SVG的页面下载,减轻服务端的压力. 代码如下所示: <html> <head> <title>jQuery 生成svg矢量二维码</title> </head> <body> <script type='text/javascript' src='http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js'></scr

  • 使用jquery.qrcode生成彩色二维码实例

    使用jquery.qrcode生成彩色二维码实例

    jquery.qrcode.js 是居于jquery类库的绘制二维码的插件,用它来实现二维码图形渲染支持canvas和table两种绘图方式.(jquery.qrcode.js 设置显示方式为table时在webkit核心浏览器如chrome下会变形,这个需要注意.) 下面为测试代码(增加了颜色控制,可以设置4个区块的颜色值,需要指定render为table.),效果如下: 代码如下: <html> <head> <title>JS生成二维码</title>

  • 使用jquery.qrcode.js生成二维码插件

    使用jquery.qrcode.js生成二维码插件

    二维码应用已经渗透到我们的生活工作当中,您只需要用手机对着二维码"扫一扫"即可获得所对应的信息,方便我们了解商家.购物.观影等等.本文将介绍一款基于jquery的二维码生成插件qrcode,在页面中调用该插件就能生成对应的二维码. 1.qrcode其实是通过使用jQuery实现图形渲染,画图,支持canvas(HTML5)和table两种方式, github源码地址:https://github.com/jeromeetienne/jquery-qrcode 参数说明: render 

  • 基于jQuery实现多标签页切换的效果(web前端开发)

    基于jQuery实现多标签页切换的效果(web前端开发)

    这里,实现多标签页效果的方法有两个,一个是基于DOM的,另一个是基于jquery的,此次我写的是一个对于一个电话套餐的不同,显示不同的标签页 方法一: 首先,我们要把页面的大体框架和样式写出来,html和css代码如下: <ul id="tab"> <li id="tab1" onclick="show(1)">10元套餐</li> <li id="tab2" onclick=&quo

  • jQuery实现订单提交页发送短信功能前端处理方法

    jQuery实现订单提交页发送短信功能前端处理方法

    本文实例讲述了jQuery实现订单提交页发送短信功能前端处理方法.分享给大家供大家参考,具体如下: 1.效果如图所示: 2.html代码: <div class="indFpho" > <p>手机号码:</p> <p> <input type="text" name="telphone" id="telphone" value="{$order_info.cons

随机推荐