前端内嵌页面以及安全URl处理

本文介绍了如何在前端通过iframe内嵌页面,并解决URL安全跳转问题。在ts中处理非安全跳转错误,并探讨了在ts和css中控制页面高度的方法。同时,讨论了在跳转页面时传递token等必要参数的实现。
摘要由CSDN通过智能技术生成

一. html里内嵌

使用iframe框架内嵌页面,src里写入跳转地址

<iframe [src]="userManageUrl" allowtransparency="true" frameborder="0" id="content" controls></iframe>

二. URL安全跳转

直接在src里传入url时,可能页面会报非安全跳转的错误,这个时候需要在ts里做以下处理:

import { DomSanitizer } from '@angular/platform-browser';

  userManageUrl ;//跳转地址
  constructor(
    private sanitizer: DomSanitizer
  ) {  
this.userManageUrl = this.sanitizer.bypassSecurityTrustResourceUrl(JSON.parse(sessionStorage.getItem('userManageUrl'))) 
}
// 将使用“sessionStorage.getItem”方法从其他页面传过来的‘userManageUrl’的值进行“bypassSecurityTrustResourceUrl”方法的处理

三. 在ts里和css里对页面高度进行控制

ngOnInit() {
    // 设置页面大小
    this.reSetSize();
  }

  reSetSize() {
    window.onresize = this.reSetSize;
    var windowsHe
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值