将外部网页获取到 iframe [关闭]答案

【问题标题】：Fetching external webpage to iframe [closed]将外部网页获取到 iframe [关闭]
【发布时间】：2011-08-03 14:35:19
【问题描述】：

我对 JavaScript 和 jQuery 比较陌生，所以我需要一些帮助。在我的应用程序中，我实现了一个 DatePicker 日历，通过外部 js 加载，它工作得非常好。我想实现一个 jQuery 按钮，它可以捕捉日期，即：8 月 3 日，并为我获取一个维基百科页面 www.wikipedia.org/August_3。我还希望将此页面上传到下面的 iframe。我怎么能在jquery中做到这一点？这里分别是html和js的简化版。

<head>
    <script src=".../jquery.ui.button.js" type="text/javascript">
    <script src=".../jquery.ui.datepicker.js" type="text/javascript">
</head>
<body>
    <script src="/.../myscript.js" type="text/javascript">
    <div class="demo">
        <p>Date: <input id="datepicker" type="text"></p>
    </div>
    <script>
    $(document).ready(function()
    {
          $( "#datepicker" ).datepicker();
    });
    </script>

【问题讨论】：

请正确格式化您的帖子，添加代码标签，删除不必要的不可打印字符。
1.学习 JS。 2. 尝试实施。 3. 遇到具体问题时提出具体问题。
这更像是一个请求而不是一个问题。您要求某人为您构建所有功能。试试这个peopleperhour.com。不过说真的，你说你是jQuery的新手，你自己试试，学习一下，对你以后有好处

标签： javascript jquery jquery-ui

【解决方案1】：

我对 javascript 和 jquery 比较陌生，所以我需要一些帮助。

初学者

Mozilla JavaScript Guide

jQuery DOCs

jQuery tutorials

高级

Mozilla JavaScript DOCs

ECMA 5 DOCs

Douglas Crockford JavaScript

JavaScript best practices

Quirks Mode

书籍

Recommended JavaScript books

工具

JS Lint 检查错误的书面代码

JS Fiddle 试用您的脚本或代码

避免！

jQuery pitfalls to avoid

~~w3schools~~检查http://w3fools.com/

个人建议

记住 jQuery 是一个用 JavaScript 编写的库，jQuery 所做的一切都可以用纯 JavaScript 完成。使用像jQuery这样的库是一件好事，因为它会保证跨浏览器的兼容性，拥有庞大的社区，你需要编写更少的代码，等等……但请不要滥用它。您可以使用 JavaScript 完成简单的任务，避免无用的函数调用和缓慢的脚本。

【讨论】：

【解决方案2】：

如何在 jquery 中做到这一点？

类似这样的：

$(document).ready(function()
{
    $( "#datepicker" ).datepicker()
        .bind(
            'dateSelected',
            function(e, selectedDate, $td)
            {
                Date.format = 'yyyymmdd';
                var dateStr = selectedDate.asString();
                $('#myIframe').attr('src', 'http://www.wikipedia.com/' + dateStr);
            }
    );
});

阅读DatePicker docs 和this。

【讨论】：

谢谢老兄，帮了大忙