为了账号安全,请及时绑定邮箱和手机立即绑定

使用Javascript更改iframe src

使用Javascript更改iframe src

哈士奇WWW 2019-08-08 11:13:36
使用Javascript更改iframe src<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>
查看完整描述

3 回答

?
喵喔喔

TA贡献1735条经验 获得超5个赞

在这种情况下,可能是因为你在这里使用了错误的括号:

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

应该

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


查看完整回答
反对 回复 2019-08-08
?
婷婷同学_

TA贡献1844条经验 获得超8个赞

这是jQuery的方法:

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


查看完整回答
反对 回复 2019-08-08
  • 3 回答
  • 0 关注
  • 1293 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信