【新手】jquery iframe的src动态赋值问题

Posted 2023-05-17

需求：点击按钮后，获取inputbox的内容，然后将其赋给iframe的src

现在写的：
---前略---
<script type="text/javascript">
$(function()
$(".divButton").click(function()
var $temp = $("#inputbox").value;
$("iframe").attr("src",function()return $temp; );
);
)
</script>
---后略---
不知为什么不能成功的赋值，求解救

//你的 var $temp =$("#inputbox").value; 改成 var temp=$("#inputbox").val();

//赋值给iframe 的src应该为
$("iframe").attr("src",temp);

参考技术A 里面有几个 iframe

$("iframe").attr("src", $temp );追问

之前试过这样做，但是修改之后点击按钮都失效了

追答

var $temp = $("#inputbox").val（）;
alert($temp);

这里这样看 有没有值

追问

点击按钮后提示框没有出现

追答

你的 这个var $temp = $("#inputbox").value; 应该改成 var $temp = $("#inputbox").val（）;
那么$(".divButton") 这个对象 出现重复了吧。你用火狐浏览器 调试吧。有提示的

参考技术B $(".divButton").click(function()
var $temp = $("#inputbox").value;
$("iframe").attr("src",function()return $temp; );
);
改成：
$(".divButton").click(function()
var $temp = $("#inputbox").val();
$("#iframe").attr("src",$temp);
);

如何在flutter web中动态更改iframe的src？

【中文标题】如何在flutter web中动态更改iframe的src？

【英文标题】：how to change src of iframe dynamically in the flutter web?

【发布时间】：2021-05-31 19:05:47

【问题描述】：

我正在尝试设置每次 src 更改时我都会解析的新 URL（即 HTML 字符串）。但是使用此代码，我只能显示第一个 src，并且每次都不会更改并显示相同的输出 src。 类 IframeView 扩展 StatefulWidget 字符串网址；

frameView(this.url);

@override
_IframeViewState createState() => _IframeViewState(url);


class _IframeViewState extends State<IframeView> 
String url;
_IframeViewState(this.url);
final html.IFrameElement _iframeElement = html.IFrameElement();

 Widget _iframeWidget;


 @override
 void initState() 
 _iframeElement.height = '500';
_iframeElement.width = '500';
_iframeElement.srcdoc = widget.url;
_iframeElement.style.border = 'none';

// print("src printing");
// print(_iframeElement.srcdoc);
// print("widget url");
// print(widget.url);



ui.platformViewRegistry.registerViewFactory('iframeElement', (int viewId) 
  return _iframeElement;
);

_iframeWidget = HtmlElementView(
  key: UniqueKey(),
  viewType: 'iframeElement',
);

super.initState();


@override
void didUpdateWidget(IframeView oldWidget) 
super.didUpdateWidget(oldWidget);
print("from did update widget");
print(_iframeElement.srcdoc);
_iframeElement.srcdoc = widget.url;


@override
Widget build(BuildContext context) 
return Container(
  margin: EdgeInsets.only(top: 50),
  child: _iframeWidget,
);

【参考方案1】：

我正在使用 _iframeElement.src = widget.url（不是 .srcdoc）并使用重绘功能进行更新。

static redraw(String newLink, String newTitle) 
IFrameElement element = document.getElementById('contentz');
element.src = newLink;