JS实现保存当前页面

最新推荐文章于 2024-07-18 09:08:37 发布
最新推荐文章于 2024-07-18 09:08:37 发布
阅读量6.8k 收藏 13
点赞数 3
分类专栏： JavaScript 文章标签： html页面保存 js操作后页面获取 js操作后代码获取 当前页面效果保存 iframe页面内容获取
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/vtopqx/article/details/89156469
版权

在前端页面进行一些JS逻辑操作之后

1、需要将操作后的页面效果保存到文件或者数据库中，

获取整个页面html的代码如下：

var context = $("<p>").append($("html").clone()).html();
console.log(context);

以上代码可以获取当前页面<html>标签内所有元素内容代码(包括JS操作后的)；

即：将<html>标签内所有内容克隆到一个虚拟标签<p>内，然后获取<p>标签的htm()代码，

 

 

2、如果是用了Iframe并且需要获取Iframe中页面html，就用以下代码:

var doc = document.getElementById('viewFrame').contentWindow.document;
var html = doc.documentElement.outerHTML;

获取到当前页面html之后，可以将context进行保存文件或者存到数据库等操作。

漫天雪_昆仑巅
关注
专栏目录
js利用IE通过windowopen方式保存网页部分内容到本地
11-17
js利用IE通过windowopen方式保存网页部分内容到本地
JS保存网页为PDF
weixin_42941628的博客
01-03 1201
【代码】JS保存网页为PDF。
前端js实现把网页导出为pdf
weixin_43811753的博客
07-18 626
前端js实现把网页导出为pdf
JS实现保存当前网页HTML到本地(Chrom Firefox)(未测试)
程序员_007的博客
07-22 1119
网页HTML存本地 保存文件 function fake_click(obj) { var ev = document.createEvent("MouseEvents"); ev.initMouseEvent( "click", true, false, window, 0, 0, 0, 0, 0 , false, false, false
Javascript 保存到本地
Ryan Z 的技术日志
09-25 1633
function fake_click(obj) { var ev = document.createEvent("MouseEvents"); ev.initMouseEvent( "click", true, false, window, 0, 0, 0, 0, 0 , false, false, false, false, 0, null
php网址桌面快捷图标,保存链接到桌面、设为桌面快捷方式的js、php、asp代码带图标...
weixin_39538693的博客
03-10 256
保存链接到桌面、设为桌面快捷方式的php、asp代码_众多像我一样的个人站长们的问题[js方法]function toDesktop(sUrl,sName){try{var WshShell =new ActiveXObject(“WScript.Shell”);var oUrlLink =WshShell.CreateShortcut(WshShell.SpecialFolders(“Deskt...
javaScript将网页放到桌面，发送快捷方式到桌面
一只苟延残喘的卑微蝼蚁
05-03 1万+
不废话了，直接上代码，代码中有注释，有解释说明！说明下：ActiveXObject只支持IE浏览器，所以放到桌面这个功能只支持IE浏览器,不支持火狐浏览器、谷歌浏览器等！&lt;%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%&gt; &lt;!DOCTYPE html ...
vue单页面实现当前页面刷新或跳转时提示保存
10-17
为了防止这类问题发生，可以在表单提交之前对用户进行提示，确认是否真的想要离开当前页面。这一功能可以通过Vue Router提供的路由守卫来实现。 首先，Vue Router提供了三种不同层级的路由守卫： 1. 全局守卫：作用...
vue.js实现刷新当前页面的方法教程
10-19
尽管Vue.js自身不支持直接刷新当前页面，但我们可以通过路由跳转到一个临时的空页面，并迅速返回来实现这一效果。这种方法虽然是一种hack手段，但在需要时它是一个有效的解决方案。开发者在使用时应考虑项目的具体...
JavaScript 禁止用户保存图片的实现代码
10-15
alt="JavaScript禁止用户保存图片的实现代码" style={{ //禁止用户选择 userSelect:'none', //禁止所有鼠标事件，过于强大，图片仅用于展示可用 //pointerEvents:'none', }} onTouchStart={...
js实现表单提交后不重新刷新当前页面
12-29
如何实现表单提交后不重新刷新当前页面 <form name='form1' id='form1' action='/xbcw/cw/xx_xx.action' method='post'> 　<input type=button id=btnSubmit name=btnSubmit value=保存 onclick=addKp() ...
vue点击页面空白处实现保存功能
10-16
在Vue开发过程中，有时我们需要实现特定的交互效果，例如点击页面空白处实现保存功能。这个功能常见于编辑表格等场景，允许用户双击表格行进行编辑，然后在点击其他非编辑区域时自动保存更改。以下将详细介绍如何在...
「干货」你需要了解的六种渲染模式
程序员成长指北
08-03 3766
背景周末在网上冲浪， 看到个消息：NextJS 9.3 将静态站点生成功能引入了Next.js平台。静态站点生成, 也就是所谓的SSG : Static Site Generation...
前后分离项目 —— 前端实现本地存储（数据可供其他页面使用）
HuoZhiyan 的博客
07-11 1393
前后分离项目 —— 前端实现本地存储（数据可供其他页面使用），及两种存储方法的学习。
js 保存当前页面html,js保存当前网页HTML到本地(Chrom Firefox)
weixin_29735807的博客
06-03 708
html>网页HTML存本地保存文件functionfake_click(obj){varev=document.createEvent("MouseEvents");ev.initMouseEvent("click",true,false,window,0,0,0,0,0,false,false,false,false,0,null);obj.disp...
40种网页常用小技巧(javascript)－－备不时之需
tearsmo的专栏
07-27 1092
1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 no 可用于Table 2. 取消选取、防止复制 3. onpaste="return false" 不准粘贴 4. oncopy="return false
js保存当前html,JavaScript保存当前页面
weixin_42499363的博客
07-02 1564
//获取域名或主机地址 echo $_SERVER['HTTP_HOST']."";#localhost//获取网页网址 echo $_SERVER['PHP_SELF']."";//获取网址参数 echo $_SERVER['QUERY_STRING']."";//获...要获取当前页面的滚动条纵坐标位置，用：document.documentElement.scrollTop;而不是：docu...
【Javascript】web元素信息保存到本地文件
dmc436的博客
07-24 271
有些网站防爬虫或者header中的校验比较难以突破，可以考虑通过JavaScript来获取数据。
Easyui easyui-datebox日期控件格式设置
热门推荐
漫天雪_昆仑巅
09-27 1万+
easyui-datebox默认格式为 10/12/2018  1、设置格式化月份， 将easyui-datebox日期控件格式设置为自定义形式，如：2018-09，只显示年月，如下： html如下： &lt;input id="st_mouth" editable="false" class="easyui-datebox" name="name" data-options="l...
C++如何实现截图当前页面保存
最新发布
10-09
在C++中直接截取并保存当前网页内容到图片通常需要借助一些外部库，因为浏览器的自动化功能通常是基于图形用户界面操作，这对于纯文本处理的C++语言来说并不直接支持。不过，可以考虑结合一些跨平台的应用程序接口（如Qt WebEngine），或者利用系统级API（如Windows API中的PrintWindow函数）配合图像处理库（如libpng或OpenCV）来间接实现。 一种常见的做法是使用像是Puppeteer这样的JavaScript库，然后通过Node.js环境将JavaScript脚本嵌入C++应用。Puppeteer能够控制Chromium或Chrome浏览器，并提供截图功能。首先你需要在C++项目中引入Node.js环境，然后编写Node.js脚本来截屏，最后将结果输出给C++。 如果你更倾向于原生C++，那么可能需要寻找专门用于屏幕抓取的第三方库，或者研究一些底层技术，如读取屏幕缓冲区、分析窗口结构等，但这将涉及到更多的复杂性和工作量。 这里提供一个简化的概述： 1. 使用Node.js + Puppeteer (推荐) - 安装Puppeteer (`npm install puppeteer`) - 在C++中创建一个Node.js子进程，运行截图脚本 ```cpp #include <v8.h> // ...其他头文件 void screenshot(const v8::FunctionCallbackInfo<v8::Value>& args) { // 使用V8上下文执行Puppeteer代码 } ``` 2. 如果选择原生C++，使用像wxWidgets或Qt这样的GUI库 - 导入库，处理屏幕捕获事件 - 调用系统API获取窗口信息 - 图像数据转换
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值