Question

如何在页面加载完成后执行java脚本

<script src="http://bdv.bidvertiser.com/BidVertiser.dbm?pid=503589&bid=1747907" type="text/javascript"></script>

谢谢你们

Answer 1

如果您使用jquery，则以下代码可能有效：

$(document).ready(function() {
    $.getScript("http://bdv.bidvertiser.com/BidVertiser.dbm?pid=503589&bid=1747907");
});

Wihtout Jquery

window.onload = function() {
    var element = document.createElement("script");
    element.src = "http://bdv.bidvertiser.com/BidVertiser.dbm?pid=503589&bid=1747907";
    document.getElementsByTagName("head")[0].appendChild(element );
}

Answer 2

这将在加载脚本文件时运行一些javascript：

<script src="mysrc.js" onload="foo"></script>
<script>
  function foo() {
    console.log('Loaded script');
  }
</script>

这将在加载整个页面时运行javascript：

document.addEventListener('DOMContentLoaded', function(){
  console.log('Loaded page');
});

Answer 3

在准备好的事件上附加脚本加载：

$(function(){
  var script = document.createElement("script");
  script.setAttribute("type", "text/javascript");
  script.setAttribute("src", "http://bdv.bidvertiser.com/BidVertiser.dbm?pid=503589&bid=1747907");
  document.body.appendChild(script);
});

这是一个jsfiddle：https://jsfiddle.net/ndeLhkw9/

Answer 4

您可以尝试jQuery deferred.done（），查看更多deferred.done()。

Answer 5

$( document ).ready(function() {

$("head").append('<script type="text/javascript" src="http://bdv.bidvertiser.com/BidVertiser.dbm?pid=503589&bid=1747907"></script>');
});

Answer 6

以下是使用jQuery的示例：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">

<Button
    android:id="@+id/submit"
    android:layout_width="334dp"
    android:layout_height="61dp"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:layout_below="@+id/addClaims1"
    android:layout_marginLeft="15dp"
    android:layout_marginStart="15dp"
    android:text="submit"
    android:theme="@style/ButtonTheme"/>
</RelativeLayout>

然后，您可以在代码中使用它，因为您通常使用include：

function require(script) {
    $.ajax({
        url: script,
        dataType: "script",
        async: false,           // <-- This is the key
        success: function () {
            // all good...
        },
        error: function () {
            throw new Error("Could not load script " + script);
        }
    });
}

页面加载完成后执行javascript

6 个答案: