文章/答案/技术大牛

发布

社区首页 >问答首页 >使用Javascript更改iframe src

问使用Javascript更改iframe src
EN

Stack Overflow用户

提问于 2010-09-17 03:42:07

回答 9查看 470.2K关注 0票数 105

当有人单击单选按钮时，我正在尝试更改<iframe src=... >。由于某些原因，我的代码不能正常工作，我在找出原因时遇到了麻烦。这就是我所拥有的：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
  <title>Untitled 1</title>

  <script>
  function go(loc) {
    document.getElementById('calendar').src = loc;
  }
  </script>
</head>

<body>
  <iframe id="calendar" src="about:blank" width="1000" height="450" frameborder="0" scrolling="no"></iframe>

  <form method="post">
    <input name="calendarSelection" type="radio" onselect="go('http://calendar.zoho.com/embed/9a6054c98fd2ad4047021cff76fee38773c34a35234fa42d426b9510864356a68cabcad57cbbb1a0?title=Kevin_Calendar&type=1&l=en&tz=America/Los_Angeles&sh=[0,0]&v=1')" />Day
    <input name="calendarSelection" type="radio" onselect="go('http://calendar.zoho.com/embed/9a6054c98fd2ad4047021cff76fee38773c34a35234fa42d426b9510864356a68cabcad57cbbb1a0?title=Kevin_Calendar&type=1&l=en&tz=America/Los_Angeles&sh=[0,0]&v=1')" />Week
    <input name="calendarSelection" type="radio" onselect="go('http://calendar.zoho.com/embed/9a6054c98fd2ad4047021cff76fee38773c34a35234fa42d426b9510864356a68cabcad57cbbb1a0?title=Kevin_Calendar&type=1&l=en&tz=America/Los_Angeles&sh=[0,0]&v=1')" />Month
  </form>

</body>

</html>

javascript

iframe

src

回答 9

Stack Overflow用户

回答已采纳

发布于 2010-09-17 03:43:55

在这种情况下，这可能是因为您在这里使用了错误的括号：

document.getElementById['calendar'].src = loc;

应该是

document.getElementById('calendar').src = loc;

票数 136

Stack Overflow用户

发布于 2013-07-11 22:57:19

也许这会对你有所帮助。它是普通的html --没有javascript：

<p>Click on link bellow to change iframe content:</p>
<a href="http://www.bing.com" target="search_iframe">Bing</a> -
<a href="http://en.wikipedia.org" target="search_iframe">Wikipedia</a> -
<a href="http://google.com" target="search_iframe">Google</a> (not allowed in inframe)

<iframe src="http://en.wikipedia.org" width="100%" height="100%" name="search_iframe"></iframe>

顺便说一下，有些网站不允许你在iframe中打开它们(出于安全原因--点击劫持)

票数 68

Stack Overflow用户

发布于 2013-12-24 22:50:34

下面是用jQuery实现的方法：

$('#calendar').attr('src', loc);

票数 17

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/3730159

复制

相似问题

问使用Javascript更改iframe src
EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用Javascript更改iframe srcEN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用Javascript更改iframe src
EN