个人中心
gpt4 book ai didi

javascript - 如何通过先浏览将文本文件中的内容或html文件中的html代码加载到文本区域？

转载 作者：太空宇宙 更新时间：2023-11-04 15:25:18 24 4
gpt4 key购买 nike

如何使用 javascript 从网页打开文本文件或 html 文件，并将文本文件或 html 代码中的内容加载到文本区域。请不要告诉我这不可能使用 javsscript，这是可能的，但我不知道代码和我的兄弟一个星期不回家。示例代码将不胜感激。 (我已经问过这个问题了，但是大家似乎都在关注问题的另一部分。)

<html>
<body>
<form name="abc">
<textarea name="text">loaded text here</textarea>
<input type="button" onClick=""> open file
</form>
</body>
</html>

我在论坛上找到这个，不记得名字了，这是一个有效的代码，但只能加载文本文件....现在的问题是我怎样才能让它从 html 文件中获取 htmlcode。

<html>
<head>

<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">


<script type="text/javascript">

var ForReading = 1, ForWriting = 2, ForAppending = 8;
var objFSO = new ActiveXObject("Scripting.FileSystemObject");

function loadFile(btn, obj, div, fld) {
objFile = objFSO.GetFile(obj.value);
objStream = objFile.OpenAsTextStream(ForReading);
fld.value = objStream.ReadAll();
objStream.Close();
objStream= null;
fileSpecs(div, btn);
objFile = null;
return true;
}

</script>
</head>

<body>
<form name="myForm" onsubmit="return false;">

<textarea rows="25" name="fileArea" cols="70"
onkeypress="return checkText(this, btnSave);"></textarea> </td>


<input type="file" name="fileName" size="50"
onchange="return checkFile(this, document.getElementById('fileSpec'), btnLoad, btnSave, fileArea);">

<input type="button" name="btnLoad" value="Load" 
onclick="return loadFile(this, fileName, document.getElementById('fileSpec'), fileArea);"> 

</form>
</body>
</html>

这是编码人员声称它可以工作的另一个代码，但它对我不起作用，如果您有时间请执行此代码...如果它可以工作，请在此处提供完整的代码。(由 Ancora 编码)

<html>
<head>
<script type="text/javascript">

function init(){

var extText = window.frames.messageTxt.document.body.lastChild.lastChild.data;
extText = extText.replace(/[\r\n]/g," ");
document.forms[0].nMessage.value = extText;
}

window.onload=init;

</script>
</head>
<body>
<iframe name='messageTxt' src='txtData.txt'  style='display:none'></iframe>
<form>
<textarea name='nMessage'></textarea>
<input type="button" value="click" onClick="init()">
</form>
</body>
</html>

我想没有人能做到这一点...我有一个 javascript 可以将 htmlcode 从外部 html 文件加载到文本区域中。但是我丢失了那个文件，遗憾的是这里没有人具有创建可以执行相同操作的 js 函数(或 active x)的脚本编写能力。

最佳答案

这绝对是可能的，使用 AJAX。您必须记住，同源限制意味着它只适用于您自己的域。一种方法是使用 jQuery.get :

编辑:更完整的演示(另见 jsFiddle demo ):

<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.js"></script>
<script type="text/javascript">

    function download_to_textbox(url, el)
    {
      $.get(url, null, function(data)
                       {
                         el.val(data);
                       }, "text");
    }

    $(function()
    {
      $('#open').click(function()
      {
        download_to_textbox("/ajax_json_echo/?foo=bar", $("textarea[name='text']"));
      });
    });
</script>
</head>
<body>
    <form name="abc">
        <textarea name="text" rows="20" cols="70">loaded text here</textarea>
        <input id="open" value="open" type="button">
    </form>
</body>
</html>

关于javascript - 如何通过先浏览将文本文件中的内容或html文件中的html代码加载到文本区域？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3226971/

24 4 0
文章推荐： c++ - 使用 new() 创建时，我的数组的所有成员都位于相同的内存位置
文章推荐： javascript - 具有不同配置选项的同一组件的多个实例无法在 vue.js 中正确呈现
文章推荐： c++算法将整数转换为bool数组
文章推荐： javascript - 使用 Airtable API 列出记录
太空宇宙
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com