Question

单击后我想有一个按钮，以打开另一个服务器上托管的模式表单。

说该按钮位于www.web.com/review

然后，当您单击按钮时，它将在另一台服务器和域www.example.com/modal上打开模式框。

我想在URL地址为www.web.com/review的服务器A上具有以下按钮；

<button type="button" class="btn btn-primary btn-lg btn-flat" data-toggle="modal" data-target="#review-box"> Write a review</button>

单击该链接将在URL www.example.com/modal上的另一台服务器B上打开模式。

<!-- Modal -->
<div class="modal fade" id="review-box" role="dialog">
    <div class="modal-dialog">

        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Modal Header</h4>
            </div>
            <div class="modal-body">
                <p>Some text in the modal.</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>

    </div>
</div>

这可以做到吗？还是遥不可及？

Answer 1

在内部服务器上，需要将脚本frm指向外部链接的按钮放进去，如果要隐藏外部地址，则可以使用iframe或直接指向模式。

    function ExternalLink() {

    let url = 'https://www.externallink.com/;
    window.open(url,"theFrame");
    }

html

    <container>
    <button onClick=ExternalLink()></button>
    <iframe class="embed-responsive-item" name="theFrame" src="#">
    <div class="modal fade" id="myModal" role="dialog">
    </iframe>
    </container>

如何仅从外部URL自动打开弹出框模式

1 个答案: