Question

我只是想知道如何在页面加载时执行此[JSCODE] [1]，我是一个新手，我无法弄明白。我只想忽略表单或提交按钮并在页面加载时执行脚本。提前谢谢！

Answer 1

将代码写在下面给出的匿名函数中。

$(function() {
    //Write your code here
})

Answer 2

使用jquery $（document）.ready就像这样。

$(document).ready(function(){
    //task which you want to perform
});

见下面的代码。我已经提到了在哪里调用这些函数。

＆＃13;

        $(document).ready(function(){
      $('#domain').val('http://yourblog.blogspot.com/');
      $('#get_tags').click();
    });


    function getTagsFromFeed(domain){
        var myscript = document.createElement("script");
        myscript.src = domain + "feeds/posts/summary?alt=json&max-results=0&callback=cat";
        document.getElementsByTagName('head')[0].appendChild(myscript);
    }

    function cat(json){ //get categories of blog & sort them
            var label = json.feed.category;
            var lst=[];
            for (i=0; i<label.length; i++){
              lst[i] = label[i].term;  
            }
            displayList(lst.sort());  //use any sort if you need that 
        }

    function displayList(list) {
        var mylist = document.getElementById("mylist");
        mylist.innerHTML = "";
        for (i=0; i<list.length; i++) {
            var li = document.createElement("li");
            li.appendChild(document.createTextNode(list[i]));
            mylist.appendChild(li);
        }
        urlifyTagsInList(document.forms.myform.host.value);
    }

    function urlifyTagsInList(hostname){
        var mylist = document.getElementById("mylist");
        var newlist = document.createElement("ul");
        var elements = mylist.getElementsByTagName("li");
        for (j=0; j<elements.length; j++) {
            var link = document.createElement("a");
            var blah = document.createTextNode("blah");
            link.href=hostname + "search/label/" + elements[j].innerHTML;
            link.appendChild(elements[j].cloneNode(true));
            newlist.appendChild(link);
        }
        mylist.parentNode.replaceChild(newlist, mylist);
        newlist.id = "mylist";
    }

＆＃13;

    <!DOCTYPE html>
    <html>
    <head>
    <script src="https://code.jquery.com/jquery-2.1.4.js"></script>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width">
      <title>JS Bin</title>
    </head>
    <body>
      <form id="myform" method="POST" onSubmit="getTagsFromFeed(document.forms.myform.host.value); return false;">
        <p>  Enter blogspot domain (http://yourblog.blogspot.com/):</p>
        <input id="domain" type="text" name="host"></input>
        <button id="get_tags" type="submit">Get tags</button>
    </form>
    <ul id="mylist">
      
      
    </body>
    </html>

＆＃13;

如果您想使用纯JavaScript，Document ready with pure JavaScript会对您有帮助。

提交表单onload的一种简单方法就是这样。

$(document).ready(function(){
    $('#myForm').submit();
});

在加载时执行javascript

2 个答案: