Question

我写了一个小网页，可以在任何支持iframe的浏览器中进行分屏查看。它有后退按钮，前进按钮，主页按钮以及Bing和Google的链接。我想弄清楚的是如何存储用户输入的主页值。我不能为我的生活弄清楚如何做到这一点;我已经尝试了几个用于在cookie中设置变量的教程。（Cookies是正确的方法，对吗？）

到目前为止，

This是该页面。我想删除Bing和Google按钮，并将其替换为Go按钮右侧的“Set as Home”按钮。我在这里错过了什么javascript，CSS和HTML魔法？

在iframe的主页和主页的源代码中，完成工作的人将被记入页面。

Answer 1

为了鼓励您实际编写编码而不是copy-and-pasting snippets from the Internet，我将描述我将这样做的方式，留给您编写实际代码。 jQuery documentation site编写得很好，很有帮助，但您还需要知道basics of JavaScript programming来编写真实的脚本。

jQuery cookie plugin可以提供帮助（文档在源代码中）。例如：

// Setting the cookie
$.cookie('url1', 'http://www.google.com', { expires: 999 });


// Reading the cookie
alert($.cookie('url1'));

jQuery允许您轻松地将事件处理程序附加到元素，例如when an element is clicked（例如，在单击“设置主页”按钮时执行操作）。

它还允许您get values of form fields（获取设置主页的网址），set the src URL of an iframe和run code when the page has loaded（后两个用于加载iframe中的主页）当用户打开外页时。）

你已经在Go按钮提取的片段中使用了所有这些内容;对于任何程序员添加cookie存储非常容易（使用变量和if语句根据用户是否选择了主页采取不同的操作）。
由于same-origin policy用于保护用户隐私和网络安全，因此无法获取iframe中加载的网页的网址。您只能添加对将主页URL设置为文本框内部内容的支持。

如何设置和使用iframe变量？

1 个答案: