久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

如何將 div 中的源內容導出到 text/html 文件

How to export source content within div to text/html file(如何將 div 中的源內容導出到 text/html 文件)
本文介紹了如何將 div 中的源內容導出到 text/html 文件的處理方法,對大家解決問題具有一定的參考價值,需要的朋友們下面隨著小編來一起學習吧!

問題描述

限時送ChatGPT賬號..

假設我有

... 一些 html ...</div> 我需要在這個 div 中獲取 html 代碼,將它放在一個文件中并強制以 TXT 格式下載它.

這怎么辦?我應該使用 PHP 還是 JavaScript?我更喜歡 JavaScript.

解決方案

你可以這樣使用:

更新了 jsfiddle,下載 btn(jquery)

使用普通 js 和自動執行的初始 jsfiddle

html

<span>你好</span>

html - 編輯(添加了執行此操作的鏈接)

Js

function downloadInnerHtml(filename, elId, mimeType) {var elHtml = document.getElementById(elId).innerHTML;var link = document.createElement('a');mimeType = mimeType ||'文本/普通';link.setAttribute('下載', 文件名);link.setAttribute('href', 'data:' + mimeType + ';charset=utf-8,' + encodeURIComponent(elHtml));鏈接.點擊();}var fileName = 'tags.html';//如果需要,您可以使用 .txt 擴展名

JS - 編輯

既然您在評論中說您使用的是 jQuery,我將從處理程序中調用此函數,而不是直接調用它.

$('#downloadLink').click(function(){downloadInnerHtml(fileName, 'main','text/html');});

您可以以文本形式下載,只需刪除函數的第三個參數,它將采用默認值text/plain",并在文件名中添加擴展名 .txt 而不是 html.

注意我編輯了這個答案,因為提問的人評論說他正在尋找如何讓它與處理程序一起工作,他讓它工作,但以防萬一.原代碼在jsfiddle

Let's say I have <div id="main"> ... Some html ...</div> and I need to take the html code within this div, place it inside a file and force a download of it in TXT format.

How can that be done? Should I use PHP or JavaScript? I would prefer JavaScript. 解決方案 You could use something like this: Updated jsfiddle with download btn(jquery) Initial jsfiddle with plain js and autoexecution html<div id="main"> <span>Hey there</span> </div> html - Edit (Added a link to perform this action)<a href="#" id="downloadLink">Download the inner html</a> Jsfunction downloadInnerHtml(filename, elId, mimeType) { var elHtml = document.getElementById(elId).innerHTML; var link = document.createElement('a'); mimeType = mimeType || 'text/plain'; link.setAttribute('download', filename); link.setAttribute('href', 'data:' + mimeType + ';charset=utf-8,' + encodeURIComponent(elHtml)); link.click(); } var fileName = 'tags.html'; // You can use the .txt extension if you want JS - Edit Since you said in the comments that you are using jQuery i'll call this function from a handler, instead of calling it directly.$('#downloadLink').click(function(){ downloadInnerHtml(fileName, 'main','text/html'); }); You can download as a text, just remove the third argument for function, and it will take the default which is "text/plain", and add the extension .txt to the filename instead of html. Note I edited this answer since the person who asked commented that he was looking how to make it work with a handler, he made it work, but just in case. The original code is in the jsfiddle 這篇關于如何將 div 中的源內容導出到 text/html 文件的文章就介紹到這了,希望我們推薦的答案對大家有所幫助,也希望大家多多支持html5模板網! 【網站聲明】本站部分內容來源于互聯網,旨在幫助大家更快的解決問題,如果有圖片或者內容侵犯了您的權益,請聯系我們刪除處理,感謝您的支持!

相關文檔推薦

Add programmatically a downloadable file to Woocommerce products(以編程方式將可下載文件添加到 Woocommerce 產品)
Get today#39;s total orders count for each product in Woocommerce(獲取今天 Woocommerce 中每種產品的總訂單數)
Add Custom registration fields in WooCommerce and phone field validation issue(在 WooCommerce 和電話字段驗證問題中添加自定義注冊字段)
Add a select field that will change price in Woocommerce simple products(在 Woocommerce 簡單產品中添加一個將更改價格的選擇字段)
Add custom columns to admin products list in WooCommerce 3(在 WooCommerce 3 中將自定義列添加到管理產品列表)
Customizing checkout quot;Place Orderquot; button output html(自定義結帳“下訂單按鈕輸出html)
主站蜘蛛池模板: 综合久久99 | 国产99页 | 蜜桃一区二区 | 国产亚洲天堂 | 欧美一级视频 | 欧美一级黄色大片 | 日本www色 | 亚洲毛片av | 99视频在线播放 | 国产欧美在线播放 | 亚洲一二区 | 又色又爽又黄gif动态图 | jlzzjlzz欧美大全 | 亚洲黄色网址 | 久久精品人人 | 精品国产99久久久久久宅男i | 草草在线视频 | 国产精自产拍久久久久久蜜 | 午夜精品久久久 | 国产手机在线视频 | 成人激情视频在线观看 | 曰韩av| 国产精品毛片av | 免费国产精品视频 | 日韩一级片在线观看 | 国产精品入口 | 欧美日韩综合网 | 五月天激情综合网 | 性少妇mdms丰满hdfilm | 亚洲人在线观看 | 糖心vlog精品一区二区 | 欧美性猛交xxxx黑人交 | 欧美色图一区二区三区 | 一区二区三区四区视频在线观看 | 黄色av免费观看 | 天天干在线观看 | 久久久噜噜噜 | 亚洲视频不卡 | 久草久草久草 | 天堂一区二区三区 | 99这里有精品 |