web

概述

用于显示在线的html页面,在webview的useragent后追加内容,格式是hap/<平台版本号>/<厂商标识> <平台应用包名>/<平台应用版本号> <应用名>/<应用版本号> (<来源信息>)。“来源信息”与app接口的getInfo方法返回结果中的source字段相同。

使用web组件,必须声明"打开网页"接口,否则会提示缺乏权限。

子组件

不支持

属性

名称 类型 默认值 必填 描述
src <string> - 需要加载的页面地址

事件

支持通用事件

名称 参数 描述
pagestart {url: urlString} 开始加载网页时触发
pagefinish {url: urlString, canBack: true/false, canForward: true/false} 网页加载完成时触发
titlereceive {title: title} 收到网页标题时触发
error {errorMsg: errorMsg} 网页加载出现错误时触发

方法

名称 参数 描述
reload 重新加载页面
forward 浏览历史页面中的前一个页面
back 浏览历史页面中的后一个页面
canForward {callback: Function} 是否可以向前浏览
canBack {callback: Function} 是否可以向后浏览
canForward回调函数返回参数:
参数 返回值类型 描述
canForward Boolean 是否可以向前浏览
canBack回调函数返回参数:
参数 返回值类型 描述
canBack Boolean 是否可以向后浏览

示例:

<web id="web" src="http://www.example.com/"></web>
onBackPress () {
  this.$element('web').canBack({
    callback: function (e) {
      if (e) {
        // 加载历史列表中的上一个 URL
        this.$element('web').back()
      } else {
        router.back()
      }
    }.bind(this)
  })
  // 阻止默认行为,等待异步操作
  return true
}

条匹配 "" 的结果

    没有搜索到与 "" 相关的内容