關於a標簽不能調用js方法的小細節,你註意到了麽?

来源:http://www.cnblogs.com/hzStudy/archive/2017/07/23/7224086.html
-Advertisement-
Play Games

在我們做後臺刪除的時候,當點擊刪除標簽時,你希望彈出一個友好的提示框!比如這樣: 那代碼應該怎樣寫呢?向下麵這樣? 你會發現會發生這樣一個錯誤: 該函數沒有被使用?不應該啊,我在php裡面不是已經調用了麽? 註意: 想必寫過前端的人都知道這個方法是在頁面全部載入完成之後執行,那麼問題就來了,php的 ...


在我們做後臺刪除的時候,當點擊刪除標簽時,你希望彈出一個友好的提示框!比如這樣:

那代碼應該怎樣寫呢?向下麵這樣?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script>
        window.onload=function () {
            function confirmdelete(id) {
                return  window.confirm("你確定要刪除嗎?");
            }
        }

    </script>
</head>
<body>

</body>
<?php
   echo "<a onclick='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>
<?php
   echo "<a onclick='return confirmdelete(2)'>刪除</a>";
?>

結果是成功執行!有人說不對啊,你不是說php的執行順序要先於js麽,這個和上面沒什麼區別啊。

那麼此刻就要註意了,有了window.onload這個方法約束後,該js是最後執行,那麼 當去掉這個約束,你會發現這個函數

 

只是一個聲明,在js當中,對於只是聲明的函數,它會最先編譯,所以這時候當執行到php的a標簽時,因為它要調用的函數已經預先編譯好了,所以就能夠調用。

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 函數 描述dir([obj]) 顯示對象的屬性,如果沒有提供參數, 則顯示全局變數的名字help([obj]) 以一種整齊美觀的形式 顯示對象的文檔字元串, 如果沒有提供任何參數, 則會進入互動式幫助。int(obj) 將一個對象轉換為整數len(obj) 返回對象的長度open(fn, mode) ...
  • 轉自此人博客 #include<bister> using std::bitset; 一句話定義:可自定義位數,用作記錄二進位的數據類型. 一,定義和初始化 bitset<n> b; //b有n位,每位都為0; bitset<n> b(u); //b是unsigned long型u的副本 bitse ...
  • 將實現類通過網路的方式下載下來,以達到動態載入的目的 git地址:https://coding.net/u/mich/p/easytry/git/tree/master/src/com/netclassloader ...
  • 捲積神經網路(Convolutional Neural Network,CNN),可以解決圖像識別、時間序列信息問題。深度學習之前,藉助SIFT、HoG等演算法提取特征,集合SVM等機器學習演算法識別圖像。 SIFT,縮放、平移、旋轉、視角轉變、亮度調整畸變的一定程度內,具有不變性。有局限性,Image ...
  • shelve模塊 shelve類似於一個key-value資料庫,可以很方便的用來保存Python的記憶體對象,其內部使用pickle來序列化數據,簡單來說,使用者可以將一個列表、字典、或者用戶自定義的類實例保存到shelve中,下次需要用的時候直接取出來,就是一個Python記憶體對象,不需要像傳統數 ...
  • 程式聲明將整型變數的類型告訴了C++編譯器,但編譯器如何知道常量類型呢? 除非有理由(如使用特殊尾碼,或者值太大無法存儲為int),不然都將存儲為int類型 尾碼是放在數字常量後面的字母 l、L表示long常量 u、U表示unsigned int ul(UL)或lu(LU)表示unsigned in ...
  • 我們以騰訊社招頁面來做示例:http://hr.tencent.com/position.php?&start=0#a 如上圖,使用BeautifulSoup4解析器,將圖1中229頁,每頁10個招聘信息,共2289個招聘信息中的職位名稱、職位類別、招聘人數、工作地點、工作職責、工作要求、詳情鏈接等 ...
  • Message Digest Algorithm MD5(中文名為消息摘要演算法第五版)為電腦安全領域廣泛使用的一種散列函數,用以提供消息的完整性保護。該演算法的文件號為RFC 1321(R.Rivest,MIT Laboratory for Computer Science and RSA Data ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...