关于h5页面，弹框点击确认按钮后会弹出Safari浏览器 问题

Posted 2023-05-05

参考技术A 出现问题如下：

在webview中，点击链接弹出提示框，点击提示框中的按钮，跳转到ios手机自带的浏览器。

解决方法如下：

-(WKWebView *)webView:(WKWebView *)webView createWebViewWithConfiguration:(WKWebViewConfiguration *)configuration forNavigationAction:(WKNavigationAction *)navigationAction windowFeatures:(WKWindowFeatures *)windowFeatures



if (!navigationAction.targetFrame.isMainFrame)

    [webView loadRequest:navigationAction.request];



    return nil;



参考链接  ：

https://segmentfault.com/q/1010000004177790

关于弹框和原页面的切换问题

写代码经常会遇到这样的情况，按钮点击之后会出现弹框，点击确定之后又要弹框消失，又或者链接到另一个页面。

打开弹窗的代码是这样的：

$(‘#add‘).click(function () {
 　　layer.open({
               type: 2,
               title: ‘选择研判报告类型‘,
               shadeClose: true,
               shade: 0.3,
               area: [‘550px‘, ‘180px‘],
               content: ‘yanpan_report_add.php‘
    });
});

这里是打开了一个550*180的弹窗，点击确定之后要实现的效果一般有以下几种：

1、直接在弹框中进入到另一个页面（在我开发的情况中很少出现这种情况）

<script type="text/javascript">

   $(function () {
   　　$("#add").click(function () {
       　　var muban = $(‘#id‘).val();
          alert(muban);
　　　　　　window.location.href = "yanpan_report_add_detail.php?bianhao="+muban;
      }); 

   });
</script>

2、关闭弹框，进入它的父级页面

<script type="text/javascript">
   $(function () {
   　　$("#add").click(function () {
       　　var muban = $(‘#id‘).val();
          alert(muban);
          parent.location.reload(); 
      }); 
   });
</script>

3、关闭弹框，进入另一个页面

<script type="text/javascript">
   $(function () {
   　　$("#add").click(function () {
       　　var muban = $(‘#id‘).val();
          alert(muban);
          window.parent.location.href = "yanpan_report_add_detail.php?bianhao="+muban;
          window.parent.top.layer.closeAll();
      }); 
   });
</script>

4、未完待续。。。