Question

我更喜欢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>

Answer 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执行简单任务，避免无用的函数调用和慢速脚本。

Answer 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。

将外部网页提取到iframe

2 个答案: