javascript - 使用 JQuery 从源页面读取文本字段值并填充离线网页中的相应字段？

Question

已关闭。此问题不符合 Stack Overflow guidelines 。目前不接受答案。

---

这个问题似乎偏离主题，因为它缺乏足够的信息来诊断问题。 更详细地描述您的问题或 include a minimal example在问题本身。

已关闭 9 年前。

Improve this question

我可以使用 jquery 调用此操作，而不是单击“ View ”->“源”。如果是，我如何迭代源中存在的字段并获取输入、选择和复选框标签的所有值并通过警报显示？请提供此实现的示例。我使用 IE 和 Firefox 浏览器。

Jquery 和 html 看起来像这样:

$(document).ready(function () {
$('#save').click(function(){
window.location="view-source:" + window.location.href;
var o = {};
var $inputs  = $('form input,form select');
$inputs.forEach(function(i,v){
var $input = $(v);
o[$input.attr('id')] = $input.val();
});
alert("the values are "+o);
});
});

<form id="formname">
<input class="inputbox" id="startdate" name="change_request.start_date" type="text" value="09-07-2013 16:37:58"/>
<input class="inputbox" id="enddate" name="change_request.end_date" type="text" value="09-08-2013 06:37:58" />
<input class="submitbutton" id="save" type="submit" value="Save">

请耐心等待，因为我正在尝试使用 jquery，而且我对它还很陌生。

Answer 1

这是不可能的..浏览器内的所有文档都在差异上下文中运行。因此文件系统上的脚本将永远无法访问从服务器运行的文档。

您可以做的是编写两个脚本。
1.将读取值并在浏览器控制台上以序列化方式向您呈现这些值。
2.一个脚本，它将对本地网页上的内容进行反序列化，然后用数据填充控件

假设你有 2 个控件，例如

然后在您可以使用的第一个脚本中 - 这将被注入(inject)到从服务器运行的网页中

var o = {};
o.one = $('#one').val();
o.two = $('#two').val();
console.log(JSON.stringify(o));

:-现在你的控制台上有了对象的 json

在第二个脚本中 - 您必须将其注入(inject)文件系统上的页面

var o = JSON.parse(o);
$('#one').val(o.one);
$('#two').val(o.two);

您还可以使用适当的结构循环遍历所有元素，例如

var o = {};
var $inputs  = $('form input,form select');
$inputs.forEach(function(i,v){
 var $input = $(v);
 o[$input.attr('id')] = $input.val();
});

只需确保您拥有所有控件的 ID，或者您可以使用名称 $(/*selector*/).attr('name')