关于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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/468085.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

4岁小女孩给Linux内核贡献提交

今天在reddit上看到一个有趣的讨论&#xff0c;一个4岁的小女孩给Linux提交了一个补丁&#xff0c;并且这个补丁合并到了代码中。链接如下&#xff1a;https://www.reddit.com/r/linux/comments/2pqqla/kernel_commit_4_year_old_girl_fixes_formatting_to/cmzfvpl/我们看看她修…

php文件上传后没有打开权限_记墨者靶机文件上传(二)

“ 声明&#xff1a;该公众号大部分文章来自日常学习笔记&#xff0c;若是转载会先得到原作者授权或其他公众号白名单&#xff0c;并附上链接。剑者&#xff0c;心之刃也。既可为杀&#xff0c;亦可为护。杀与护&#xff0c;不过一念之间&#xff01;请勿利用文章内的相关技术从…

你还会写这段C51程序吗?

经典题目解析定时器T1采用计数模式&#xff0c;方式1中断&#xff0c;计数输入引脚 P3.5外接开关按钮作为计数信号输入&#xff0c;P1口控制8个LED小灯&#xff0c;初始状态所有小灯全亮&#xff0c;按3次按钮开关产生计数中断时&#xff0c;高3位和低5位交替闪烁3次&#xff0…

JDBC连接数据库(Java DataBase Connectivity,java)

通过JDBC操作数据库(以mysql为例) 1、官网下载JDBC的相关JAR包 【https://dev.mysql.com/downloads/connector/j/】 2、解压后&#xff0c;导入jar包 连接数据(引入外部jar包)项目上右键->build path->configure build path->上面Libraries->Add External JARs 3、…

过年回家抢票攻略

每年过年抢票都是一个困难的事情&#xff0c;所以决定发一篇文章汇总一下各种抢票软件&#xff0c;大家自己有方案的可以在文章后面留言&#xff0c;让跟多的人看到&#xff0c;希望大家都能顺利抢到车票&#xff0c;顺利回家。超级抢票机&#xff0c;一款超强的火车票抢票神器…

C语言,函数不可返回指向栈内存的指针

预备知识&#xff1a;内存的分类C/C程序占用的内存分为两大类&#xff1a;静态存储区与动态存储区。其示意图如下所示&#xff1a;数据保存在静态存储区与动态存储区的区别就是&#xff1a;静态存储区在编译-链接阶段已经确定了&#xff0c;程序运行过程中不会变化&#xff0c;…

android 界面绘制完毕,几种获取android 界面性能数据的快捷方法

探测 界面绘制性能获取界面的绘制性能有很多种方法&#xff0c;比如说 Systrace 但是这种方法 有一个不太好的地方就是使用起来较为复杂&#xff0c; 有没有一种 谷歌官方推荐 的方便一点的方法 &#xff0c;其实是有的&#xff0c;只需要一个函数 就可以获得layout的时间 非常…

联想rd650怎么装系统win7_Lenovo g50重装win7系统|U盘重装联想g50笔记本系统

Lenovo可以说是个家喻户晓的品牌很多小伙伴们也是使用联想的电脑&#xff0c;今天有小伙伴和小编提了一款Lenovo g50笔记本&#xff0c;小编了解到这款笔记本电脑的口碑和销量都很不错&#xff0c;其实这位小伙伴的问题呢是要如何重装win7系统&#xff0c;毕竟质量再好的电脑也…

书籍推荐

今天天气很好&#xff0c;风和日丽&#xff0c;艳阳高照&#xff0c;大家心情应该也很不错&#xff0c;毕竟&#xff0c;今天是周五&#xff0c;就像上学的时候一样&#xff0c;下午的铃声一响&#xff0c;每个同学都像脱缰的野马一样&#xff0c;周五&#xff0c;上班族的人们…

【转】JMeter学习(十三)分布式部署

Jmeter 是Java 应用&#xff0c;对于CPU和内存的消耗比较大&#xff0c;因此&#xff0c;当需要模拟数以千计的并发用户时&#xff0c;使用单台机器模拟所有的并发用户就有些力不从心&#xff0c;甚至会引起JAVA内存溢出错误。为了让jmeter工具提供更大的负载能力&#xff0c;j…

android mvp框架基类,Android MVP架构模式基类封装

前言MVP模式是Android官方推荐的架构模式&#xff0c;可使视图与数据层完全解耦。本文旨意封装在MVP模式中的基类如Activity&#xff0c;Fragment&#xff0c;Presenter类。以下内容建议在了解了mvp模式的读者阅读&#xff0c;如果还有对mvp架构模式有疑问的&#xff0c;请看我…

C语言,字符串指针做函数参数

看一下下面这段代码有什么问题&#xff1f;#include "stdio.h" //#include "stdbool.h" #include "string.h" #include "stdlib.h" #include "math.h"void getMemory(char *p) {/*char *p str*/p (char *)malloc(100);str…

java创建一个未知长度的数组_Java数组的创建操作

数组是一个固定长度的&#xff0c;包含了相同类型数据的 容器步骤1:声明数组步骤2:创建数组步骤3:访问数组步骤4:数组长度步骤5:练习-数组最小值步骤6:答案-数组最小值步骤 1 : 声明数组int[] a; 声明了一个数组变量。[]表示该变量是一个数组int 表示数组里的每一个元素都是一个…

Linux内核中的GPIO系统

一、前言作为一个工作多年的系统工程师&#xff0c;免不了做两件事情&#xff1a;培训新员工和给新员工分配任务。对于那些刚刚从学校出来的学生&#xff0c;一般在开始的时候总是分配一些非常简单的任务&#xff0c;例如GPIO driver、LED driver。往往CPU datasheet的关于GPIO…

初识函数集锦

python之路——初识函数 阅读目录 为什么要用函数  函数的定义与调用  函数的返回值  函数的参数  本章小结为什么要用函数 现在有一个需求&#xff0c;让你计算hello world的长度&#xff0c;你怎么计算&#xff1f; s1hello world length0 for i in s1:length1 print…

送你一个Git命令地图

上周&#xff0c;公众号举办了一个活动&#xff0c;抽取Git鼠标垫&#xff0c;现在已经结束了&#xff0c;大家不用再过去找&#xff0c;周末我收到了鼠标垫&#xff0c;然后看到有几个读者朋友圈也发了&#xff0c;我感觉也算是做了一个好事&#xff0c;拿到鼠标垫&#xff0c…

文件的权限与隐藏属性

一、文件的属性 1. 权限详解 r 表示读权限————————————读取文件内容 w 表示写权限————————————编辑、新增、修改内容(非删除) x 代表执行权限———————————读取文件内容 — 表示没有该权限——————————读取文件内容 2. 权限对目录的重…

利用insert、update和delete命令可以同时对多个表进行操作_学习笔记-操作系统(1)...

概念负责管理协调硬件、软件等计算机资源的工作为上层用户、应用程序提供简单易用的服务是一种系统软件功能和目标资源的管理者处理机管理&#xff1a;进程管理&#xff08;进程控制、进程同步、进程通信、死锁处理、处理机调度&#xff09;存储器管理&#xff1a;内存管理&…

uboot和Linux内核移植

这篇文章是一个读者昨晚发给我的&#xff0c;文章很长&#xff0c;里面的细节也比较多&#xff0c;但是微信公众号只能发 50000 字的文章&#xff0c;如果想阅读全文。请发送「 uboot和Linux内核移植 」到公众号后台获取下载链接。这篇文章是一个读者昨晚发给我的&#xff0c;文…

android界面元素识别,Android 10不能使用uiautomatorviewer定位元素的终极解决方法

Android app 元素定位除了使用Appium Inspector 外&#xff0c;还可以使用Android SDK 里tools中的uiautomatorviewer 工具。但今天打算使用 uiautomatorviewer 进行元素定位的时候&#xff0c;发现无法截图&#xff0c;并报如下错误&#xff1a;Unexpected error while obtain…