進行網頁開發時,怎樣把function()中變量值在控制臺輸出,查看?

在網頁開發過程中,為了及時了解JavaScript中的function函數中的變量值,可以用控制臺命令console.log()把變量的值在控制臺輸出,方便調試時對函數變量值進行了解。

看下面的一段示例:

<!DOCTYPE html>
<html>
?? ?<head>
?? ??? ?<meta charset="utf-8">
?? ??? ?<title></title>
?? ??? ?<script>
?? ??? ??? ?function demo1(){
?? ??? ??? ??? ?var arr1= new Array('我愛北京','太陽升',123456,new Date(),new String())
?? ??? ??? ??? ?var arr10= ['我愛北京','太陽升','123456','new Date()',new String()]
?? ??? ??? ??? ?var arr2=new Array(12)
?? ??? ??? ??? ?var arr3= new Date()
?? ??? ??? ??? ?console.log(arr1)
?? ??? ??? ??? ?console.log(arr10)
?? ??? ??? ??? ?console.log(arr2)
?? ??? ??? ??? ?console.log(arr3)
?? ??? ??? ?}
?? ??? ??? ?demo1()
?? ??? ?</script>
?? ?</head>
?? ?<body>
?? ?</body>
</html>

上面的程序中,定義了四個數組,上面的網頁在運行時,打開開發環境進行調試,控制臺顯示如下信息:

從上面的顯示,我們可以看出:在控制臺輸出了5個數組的值。

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/902545.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/902545.shtml
英文地址,請注明出處:http://en.pswp.cn/news/902545.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

linux內核進程管理(1)——創建,退出

linux源碼閱讀——進程管理&#xff08;1&#xff09; 1. 進程的基本介紹1.1 linux中進程和線程的區別1.2 task_struct中的基本內容1.3 命名空間ns(namespace)命名空間結構圖Linux 中的命名空間類型 1.4 進程標識符 2. 創建一個進程的流程2.1 CLONE宏2.2 創建進程系統調用1. do…

人像面部關鍵點檢測

此工作為本人近期做人臉情緒識別&#xff0c;CBAM模塊前是否能加人臉關鍵點檢測而做的嘗試。由于創新點不是在于檢測點的標注&#xff0c;而是CBAM的改進&#xff0c;因此&#xff0c;只是借用了現成庫Dilb與cv2進行。 首先&#xff0c;下載人臉關鍵點預測模型:Index of /file…

【Python】每隔一段時間自動清除網站上cookies的方法

我在寫爬蟲的時候&#xff0c;經常會因為點擊瀏覽太多的頁面&#xff0c;而導致很多的cookies累積。 雖然單個Cookie很小&#xff0c;但長期積累可能占用瀏覽器存儲空間&#xff0c;導致瀏覽器運行變慢&#xff08;尤其對老舊設備&#xff09;。 而且Cookies&#xff08;尤其…

非隔離電源芯片WT5104

非隔離電源芯片WT5104 非隔離電源芯片 WT5104 介紹 WT5104 是一款超高效且高精度的非隔離降壓開關電源恒壓控制驅動芯片&#xff0c;在各類電源轉換場景中提供5V輔助電源供電發揮著重要作用。 一、芯片特點 高集成度&#xff1a;內部集成 800V 功率 MOSFET&#xff0c;極大減…

基于 Python 的自然語言處理系列(83):InstructGPT 原理與實現

&#x1f4cc; 論文地址&#xff1a;Training language models to follow instructions with human feedback &#x1f4bb; 參考項目&#xff1a;instructGOOSE &#x1f4f7; 模型架構圖&#xff1a; 一、引言&#xff1a;為什么需要 InstructGPT&#xff1f; 傳統的語言模型…

零基礎入門 Verilog VHDL:在線仿真與 FPGA 實戰全流程指南

摘要 本文面向零基礎讀者,全面詳解 Verilog 與 VHDL 兩大主流硬件描述語言(HDL)的核心概念、典型用法及開發流程。文章在淺顯易懂的語言下,配合多組可在線驗證的示例代碼、PlantUML 電路結構圖,讓你在 EDA Playground 上動手體驗數字電路設計與仿真,并深入了解從 HDL 編寫…

Kubernetes控制平面組件:API Server詳解(二)

云原生學習路線導航頁&#xff08;持續更新中&#xff09; kubernetes學習系列快捷鏈接 Kubernetes架構原則和對象設計&#xff08;一&#xff09;Kubernetes架構原則和對象設計&#xff08;二&#xff09;Kubernetes架構原則和對象設計&#xff08;三&#xff09;Kubernetes控…

云服務器存儲空間不足導致的docker image運行失敗或Not enough space in /var/cache/apt/archives

最近遇到了兩次空間不足導致docker實例下的mongodb運行失敗的問題。 排查錯誤 首先用nettools看下mongodb端口有沒有被占用&#xff1a; sudo apt install net-tools netstat --all --program | grep 27017 原因和解決方案 系統日志文件太大 一般情況下日志文件不會很大…

爬蟲學習——下載文件和圖片、模擬登錄方式進行信息獲取

一、下載文件和圖片 Scrapy中有兩個類用于專門下載文件和圖片&#xff0c;FilesPipeline和ImagesPipeline&#xff0c;其本質就是一個專門的下載器&#xff0c;其使用的方式就是將文件或圖片的url傳給它(eg:item[“file_urls”])。使用之前需要在settings.py文件中對其進行聲明…

拒絕用電“盲人摸象”,體驗智能微斷的無縫升級

&#x1f31f; 為什么需要智能微型斷路器&#xff1f; 傳統斷路器只能被動保護電路&#xff0c;而安科瑞智能微型斷路器不僅能實時監測用電數據&#xff0c;還能遠程控制、主動預警&#xff0c;堪稱用電安全的“全能衛士”&#xff01;無論是家庭、工廠還是商業樓宇&#xff0…

如何優雅地為 Axios 配置失敗重試與最大嘗試次數

在 Vue 3 中&#xff0c;除了使用自定義的 useRequest 鉤子函數外&#xff0c;還可以通過 axios 的攔截器 或 axios-retry 插件實現接口請求失敗后的重試邏輯。以下是兩種具體方案的實現方式&#xff1a; 方案一&#xff1a;使用 axios 攔截器實現重試 實現步驟&#xff1a; 通…

【Leetcode刷題隨筆】242.有效的字母異位詞

1. 題目描述 給定兩個僅包含小寫字母的字符串 s 和 t &#xff0c;編寫一個函數來判斷 t 是否是 s 的 字母異位詞。 字母異位詞定義&#xff1a;兩個字符串包含的字母種類和數量完全相同&#xff0c;但順序可以不同&#xff08;例如 “listen” 和 “silent”&#xff09;。 …

示例:spring xml+注解混合配置

以下是一個 Spring XML 注解的混合配置示例&#xff0c;結合了 XML 的基礎設施配置&#xff08;如數據源、事務管理器&#xff09;和注解的便捷性&#xff08;如依賴注入、事務聲明&#xff09;。所有業務層代碼通過注解簡化&#xff0c;但核心配置仍通過 XML 管理。 1. 項目結…

Crawl4AI:打破數據孤島,開啟大語言模型的實時智能新時代

當大語言模型遇見數據饑渴癥 在人工智能的競技場上&#xff0c;大語言模型&#xff08;LLMs&#xff09;正以驚人的速度進化&#xff0c;但其認知能力的躍升始終面臨一個根本性挑戰——如何持續獲取新鮮、結構化、高相關性的數據。傳統數據供給方式如同輸血式營養支持&#xff…

【機器學習-周總結】-第4周

以下是本周學習內容的整理總結&#xff0c;從技術學習、實戰應用到科研輔助技能三個方面歸納&#xff1a; 文章目錄 &#x1f4d8; 一、技術學習模塊&#xff1a;TCN 基礎知識與結構理解&#x1f539; 博客1&#xff1a;【時序預測05】– TCN&#xff08;Temporal Convolutiona…

Mysql--基礎知識點--79.1--雙主架構如何避免回環復制

1 避免回環過程 在MySQL雙主架構中&#xff0c;GTID&#xff08;全局事務標識符&#xff09;通過以下流程避免數據回環&#xff1a; 1 事務提交與GTID生成 在Master1節點&#xff0c;事務提交時生成一個全局唯一的GTID&#xff08;如3E11FA47-71CA-11E1-9E33-C80AA9429562:2…

安寶特科技 | AR眼鏡在安保與安防領域的創新應用及前景

隨著科技的不斷進步&#xff0c;增強現實&#xff08;AR&#xff09;技術逐漸在多個領域展現出其獨特的優勢&#xff0c;尤其是在安保和安防方面。AR眼鏡憑借其先進的功能&#xff0c;在機場、車站、海關、港口、工廠、園區、消防局和警察局等行業中為安保人員提供了更為高效、…

Linux第十講:進程間通信IPC

Linux第十講&#xff1a;進程間通信IPC 1.進程間通信介紹1.1什么是進程間通信1.2為什么要進程間通信1.3怎么進行進程間通信 2.管道2.1理解管道2.2匿名管道的實現代碼2.3管道的五種特性2.3.1匿名管道&#xff0c;只能用來進行具有血緣關系的進程進行通信(通常是父子)2.3.2管道文…

微信小程序通過mqtt控制esp32

目錄 1.注冊巴法云 2.設備連接mqtt 3.微信小程序 備注 本文esp32用的是MicroPython固件&#xff0c;MQTT服務用的是巴法云。 本文參考巴法云官方教程&#xff1a;https://bemfa.blog.csdn.net/article/details/115282152 1.注冊巴法云 注冊登陸并新建一個topic&#xff…

SQLMesh隔離系統深度實踐指南:動態模式映射與跨環境計算復用

在數據安全與開發效率的雙重壓力下&#xff0c;SQLMesh通過動態模式映射、跨環境計算復用和元數據隔離機制三大核心技術&#xff0c;完美解決了生產與非生產環境的數據壁壘問題。本文提供從環境配置到生產部署的完整實施框架&#xff0c;助您構建安全、高效、可擴展的數據工程體…