Question

在HTML中，我正在编写一个调用函数的基本按钮

<button onclick="text('Hello World')">Hello World</button>
<script src="https://pastebin.com/raw/AYp15C6j"></script>

Pastebin链接只是说明了这个

function text(t) {
alert(t); 
}

我想知道是否可以在不使用脚本标记的情况下调用外部链接/函数（而不仅仅是使用alert（'Hello World'）替换text（'Hello World'）），理论上像：

<button src="https://pastebin.com/raw/AYp15C6j" onclick="text('Hello World')">Hello World</button>

谢谢！

Answer 1

你需要一个JS函数的html页面内的脚本标记。但在下面的例子中，你不需要JS函数的脚本。

此处示例：

  <button src="https://pastebin.com/raw/AYp15C6j" onclick="alert('Hello World'); 
    ">Hello World</button>

onclick =＆＃34;提醒（＆＃39; Hello World＆＃39;）＆＃34;

Answer 2

不确定它是否有帮助，但您可以在onclick处理程序中编写代码，如下所示：

<button onclick="f=function(t){alert(t);};f('Hello World');">Hello World</button>

或者像这样：

<button onclick="window[(!![]+'')[3]+'v'+(![]+'')[1]+(![]+'')[2]](atob('YWxlcnQoJ0hlbGxvIFdvcmxkJyk='));">Hello World</button>

Answer 3

按钮标记中的onclick是一个属性，在鼠标单击元素时触发，它定义了必须在该事件中执行的代码。

您可以在等号后面定义要执行的代码：

<button onclick="alert('you clicked me')">Click me</button>

但是随着代码的复杂性增加，它几乎不会长一行，所以为了便于阅读，建议将代码放在脚本标记中：

<button onclick="firesOnClick()">Click me</button>
<script>
    var clicks = 0
    function firesOnClick() {
        clicks = clicks + 1
        alert('you clicked me ' + clicks + ' time(s)')
    }
</script>

此link有更多相关信息。

Answer 4

以下是添加javascript的三种方法。

＆＃13;

<button onclick="text('Hello World')">Hello World</button>
<script src="https://pastebin.com/raw/AYp15C6j"></script>

＆＃13;

<button onclick="text('Hello World')">Hello World</button>
<script>
function text(t) {
    alert(t);
}
</script>

＆＃13;

<button onclick="text('Hello World'); function text(t) {alert(t);}">Hello World</button>

＆＃13;

Click here了解更多信息。

是否可以在不使用脚本标签的情况下使用JS功能？

4 个答案: