open( )

MUI HTML5

MUI

open( )

创建并打开Webview窗口


WebviewObject plus.webview.open( url, id, styles, aniShow, duration, showedCB );
				

说明:

创建并显示Webview窗口,用于加载新的HTML页面,可通过styles设置Webview窗口的样式,创建完成后自动将Webview窗口显示出来。

参数:

  • url: ( String ) 可选 打开窗口加载的HTML页面地址
    新打开Webview窗口要加载的HTML页面地址,可支持本地地址和网络地址。
  • id: ( String ) 可选 打开窗口的标识
    窗口标识可用于在其它页面中通过getWebviewById来查找指定的窗口,为了保持窗口标识的唯一性,应该避免使用相同的标识来创建多个Webview窗口。 如果传入无效的字符串则使用url参数作为WebviewObject窗口的id值。
  • styles: ( WebviewStyle ) 可选 创建Webview窗口的样式(如窗口宽、高、位置等信息)
  • aniShow: ( AnimationTypeShow ) 可选 显示Webview窗口的动画效果
    如果没有指定窗口动画,则使用默认无动画效果“none”。
  • duration: ( Number ) 可选 显示Webview窗口动画的持续时间
    单位为ms,如果没有设置则使用默认窗口动画时间600ms。
  • showedCB: ( ShowedCallback ) 可选 Webview窗口显示完成的回调函数
    当指定Webview窗口动画时,在动画执行完毕,窗口完全显示时触发回调。

返回值:

WebviewObject : WebviewObject窗口对象

示例:


<!DOCTYPE html>
<html>
	<head>
	<meta charset="utf-8">
	<title>Webview Example</title>
	<script type="text/javascript">
// H5 plus事件处理
function plusReady(){
}
if(window.plus){
	plusReady();
}else{
	document.addEventListener("plusready",plusReady,false);
}

// 创建并显示新窗口
function openWebview(){
	var w = plus.webview.open( "http://weibo.com/dhnetwork" );
}
	</script>
	</head>
	<body>
		打开Webview窗口<br/>
		<button onclick="openWebview()">Open</button>
	</body>
</html>