关于a标签不能调用js方法的小细节，你注意到了么？

在我们做后台删除的时候，当点击删除标签时，你希望弹出一个友好的提示框！比如这样：

那代码应该怎样写呢？向下面这样？

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><script>window.οnlοad=function () {function confirmdelete(id) {return  window.confirm("你确定要删除吗？");}}</script>
</head>
<body></body>
<?phpecho "<a οnclick='confirmdelete(2)'>删除</a>";
?>

你会发现会发生这样一个错误：

该函数没有被使用？不应该啊,我在php里面不是已经调用了么？

注意：

想必写过前端的人都知道这个方法是在页面全部加载完成之后执行，那么问题就来了，php的执行顺序是先于js的，所以当执行php的时候，发现a标签里面的方法并不存在，因为此刻js还没有被执行,所以就导致了php a标签调用js的时候没有反应这种情况了。

那么代码变成这样呢？

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><script>function confirmdelete(id) {return  window.confirm("你确定要删除吗？");}</script>
</head>
<body></body>
<?phpecho "<a οnclick='return confirmdelete(2)'>删除</a>";
?>

结果是成功执行！有人说不对啊，你不是说php的执行顺序要先于js么，这个和上面没什么区别啊。

那么此刻就要注意了，有了window.onload这个方法约束后，该js是最后执行，那么当去掉这个约束，你会发现这个函数

只是一个声明，在js当中，对于只是声明的函数，它会最先编译，所以这时候当执行到php的a标签时，因为它要调用的函数已经预先编译好了，所以就能够调用。

转载于:https://www.cnblogs.com/hzStudy/p/7224086.html

关于a标签不能调用js方法的小细节，你注意到了么？相关推荐

php a标签执行js,关于a标签不能调用js方法的小细节，你注意到了么？
[导读]在我们做后台删除的时候,当点击删除标签时,你希望弹出一个友好的提示框!比如这样:那代码应该怎样写呢? 在我们做后台删除的时候,当点击删除标签时,你希望弹出一个友好的提示框!比如这样: 那代码应 ...
标签中的onclick调用js方法传递多个参数的解决方案
标签中的onclick调用js方法传递多个参数的解决方案参考文章: (1)标签中的onclick调用js方法传递多个参数的解决方案 (2)https://www.cnblogs.com/twohea ...
如何在java中调用js方法
[java] view plain copy/* * 加载脚本引擎,并在java中调用js方法 */ public void test2() { ScriptEngineManager manager ...
asp.net调用js方法小结
asp.net调用js方法小结 key:asp.net js方法互调 asp.net 前台如何调用后台方法 1. javaScript函数中执行C#代码中的函数: 方法一:1.首先建立一个按钮,在 ...
Android WebView 调用JS方法获取返回值
一.Android4.4+ 如果你项目的minSdkVersion 为4.4 以上,那么你可以直接通过WebView的evaluateJavascript()方法拿到JS方法的返回值 webview ...
android与H5交互调用js方法无效问题
正常的调用js方法很简单,只有一句话 mWebView.loadUrl("javascript:do()"); do();是js提供的方法名但是调用之后发现无效,不禁在想就这么一 ...
在jQuery方法中能调用JS方法吗？
在jQuery方法中能调用JS方法吗? 能,在jQuery方法中直接写入要调用已写好的方法名()即可. 在项目中,有多个地方用到结账的功能. 比如, 点击结账按钮,由JS获取对应行列的数据,进行计算并 ...
java中调用js_java编程中实现调用js方法分析
本文实例讲述了java编程中实现调用js方法.分享给大家供大家参考,具体如下: /* * 加载脚本引擎,并在java中调用js方法 */ public void test2() { ScriptEng ...
a 标签中调用js的几种方法
我们常用的在a标签中有点击事件: 1. a href="JavaScript:js_method();" 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问 ...

关于a标签不能调用js方法的小细节，你注意到了么？

关于a标签不能调用js方法的小细节，你注意到了么？相关推荐

最新文章

热门文章