Question

这是我写的代码。页面加载时应调用default函数，而不单击任何按钮。它应显示一些数据，然后应显示两个按钮。我需要对该代码进行哪些修改？
我是初学者，所以我可能错过了许多事情，请帮忙。

这是我的JavaScript部分，详细程序在链接中给出。

function default(){
var i=7;
j=15;
document.write(i+j);
}

Answer 1

避免使用关键字

您无法使用关键字default：

Uncaught SyntaxError: Unexpected token default

您需要重命名您的功能。

立即调用函数表达式

完成后，您可以将其包装在括号中以立即执行：

(function dflt(){
  var i = 7, j = 15;
  document.write( i + j );
})();

警告：避免`document.write`

请注意document.write将清除您的文档，从而删除文档的内容。您应该改为插入新的文本节点，或更新页面上元素的内容：

(function dflt(){
  var i = 7, j = 15;
  document.body.appendChild( document.createTextNode( i + j ) );
})();

您还可以将此文本节点添加到页面上的元素：

var tNode = document.createTextNode( i + j );
document.getElementById("foo").appendChild( tNode );

这会将结果文本添加到id属性为foo的任何元素：

<span id="foo"></span>

Answer 2

您可以使用Immediately Invoked Function Expression：

(function defaults() { // I edited the function name - "default" can not be used
    var i = 7;         // You can also remove the function name, will work either
    j = 15;            // way. "default" is a reserved word
    document.write(i + j);
})();

但它正在调用它......如果不调用它就无法运行函数，你想用魔法执行它吗？

你应该读到这个：

What does this "(function(){});", a function inside brackets, mean in javascript?

正如@stakx所指出的那样，你可以将函数引用传递给函数，在X时间后执行函数，如setTimeout：

setTimeout(defaults, 1000); // execute "defaults" after one second.

但这就像自己处理一样：

function foo(aFunction){
    aFunction();
}

foo(defaults);

Answer 3

如果您不打算使用jQuery（如@Photon严重致命错误所示），您可以尝试body element's onload event：

<body onload="default();">
    ...
</body>

虽然这可能无法按预期工作。 jQuery以更可靠的方式处理这个问题，所以如果您决定尝试一下，请查看$(document).ready(…) API函数。

Answer 4

function default(){
    var i=7;
    j=15;
    document.write(i+j);
    }

默认是javascript中的保留字，你无法使用它。

页面加载时调用函数

4 个答案:

避免使用关键字

立即调用函数表达式

警告：避免`document.write`

页面加载时调用函数

4 个答案:

避免使用关键字

立即调用函数表达式

警告：避免document.write

警告：避免`document.write`