2. 程式人生 > >JavaScript--常用的輸出方式

JavaScript--常用的輸出方式

阿新 • • 發佈：2018-12-07

   1、alert("要輸出的內容");

          在瀏覽器中彈出一個對話方塊,然後把要輸出的內容展示出來 

   2、document.write("要輸出的內容"); 

          直接的在頁面中展示輸出的內容

   3、console.log("要輸出的內容");

          在控制檯輸出內容

   4、value ->給文字框(表單元素)賦值內容

          獲取文字框中(表單元素)的內容

         document.getElementById("search").value = " ";

   5、innerHTML/innerText ->給除了表單元素的標籤賦值內容

        document.getElementById("div1").innerHTML = " "; 
        document.getElementById("div1").innerText = " ";

     注：console.log()、alert()常用的用來測試

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script>
        <script>
            $(document).ready(
 
function(){
                //使用 console.log() 寫入到瀏覽器的控制檯
                console.log("寫入到瀏覽器的控制檯");
                
                //使用 innerHTML 寫入到 HTML 元素
                document.getElementById("h1_output").innerHTML="寫入到 HTML 元素";
                
                //使用 window.alert() 彈出警告框
                alert("彈出警告框");
                
                //使用value寫入到文字框內容
                document.getElementById("input_output").value="寫入到文字框內容";
                                
            });
        </script>
    </head>
    <body>
        <div><h1 id="h1_output"></h1></div>
        <script>
            document.write("內容寫到 HTML 文件中");
        </script>
        <br />
        <input type="text" id="input_output" />
    </body>
</html>

 

相關推薦

JavaScript的輸出方式總結

1.通過彈窗輸出：window.alert(); <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>通過彈出框輸出內容</ti

不能錯過！php中常用輸出方式彙總

echo  echo是我們在php網頁中經常見的，echo函式可以同時輸出多個字元，沒有返回值, echo 輸出的字串可以用雙引號也可以用單引號,但是兩者有區別 <?php header("Content-type: text/html; charset=utf

JavaScript--常用的輸出方式

   1、alert("要輸出的內容");           在瀏覽器中彈出一個對話方塊,然後把要輸出的內容展示出來     2、document.write("要輸出的內容");  &nbs

JavaScript常用的輸出方式

03-JavaScript基礎-常用的輸出方式 JavaScript初體驗(一) 使用JavaScript在網頁中輸出一句話 方式一 在網頁中彈出顯示框，顯示資訊 <script&

JS中常用的輸出方式(五種)

1、alert("要輸出的內容"); ->在瀏覽器中彈出一個對話方塊,然後把要輸出的內容展示出來  ->alert都是把要輸出的內容首先轉換為字串然後在輸出的 2、document.write("要輸出的內容");  ->直接的在頁面中展示輸出的內容 3、con

JavaScript常用的幾種繼承方式

功能 col 中轉 var 函數 實現 所有 目標 emp JavaScript是面向對象的弱類型語言，繼承是其重要的特性之一，這裏總結下常用的四種繼承方法。 先定義一個父級構造函數，並在其原型上添加一個speak方法 //定義父級構造函數 function Pe

JavaScript三種輸出方式

1，window.alert(”)在瀏覽器中彈出一個對話方塊,然後把要輸出的內容展示出來。alert都是把要輸出的內容首先轉換為字串然後在輸出的,早期js除錯使用。 <script type="text/javascript"> window.al

printf函式常用的輸出方式及格式化輸出說明

printf()函式是格式化輸出函式, 一般用於向標準輸出裝置按規定格式輸出資訊。 printf()函式的呼叫格式為: printf("<格式化字串>", <參量表>)。 格式輸出，它是c語言中產生格式化輸出的函式（在 stdio.h 中定義）

JavaScript常用的繼承方式

JavaScript常用繼承方式主要分為(7種)：原型鏈繼承、建構函式繼承、組合繼承、原型式繼承、寄生式繼承、寄生組合繼承以及繼承

EL/JSTL-jsp頁面更簡單的輸出方式

jar fix choose ems 簡化 lang ava express ssi 1.EL(Expression Language):表達式語言，用於頁面輸出 　　格式：${表達式} 　　EL支持四則運算，關系運算【常用eq來比較字符串或判斷相等】，邏輯運算 　　EL訪

java及javascript兩種方式獲取YYYY-MM-dd HH:mm:ss格式的日期字符串

con javascrip var ear second -c form imp minutes 一、java方式 String leaveTime=""; SimpleDateFormat sDateFormat=new SimpleDateFormat("YYYY-M

19 個 JavaScript 常用的簡寫技術

程序設計 javascript 印度人 1.三元操作符當想寫if...else語句時，使用三元操作符來代替。const x = 20;let answer;if (x > 10) { answer = ‘is greater‘;} else { answer = ‘is lesser‘;}簡

JavaScript常用技巧之數組操作

filter style == indexof bsp pop 元素 過濾 ice 1、獲取最後數組中最後一個元素 . arr.slice(-1).pop() . arr[arr.length - 1] 2、過濾重復元素 arr.filter(fu

jQuery中ajax的4種常用請求方式

ger loaded resource media val als images 詳細 有一個 jQuery中ajax的4種常用請求方式： 1.$.ajax()返回其創建的 XMLHttpRequest 對象。 $.ajax() 只有一個參數：參數 key/va

JavaScript常用技巧之進制轉換

string 十進制轉二進制 進制 rip javascrip clas 二進制轉十進制 pre div 一、十進制轉二進制 (8).toString(2) 二、二進制轉十進制 parseInt("1000",2) JavaScript常用技

《Java從入門到放棄》入門篇：Struts2的常用驗證方式

java struts action 感覺過了一個周末，人都懶得不要不要的，今天就來點簡單的內容吧 - -，各位看官如果欲求不滿的話，可以自行解決或再去寵幸其他“勃主”···struts2的驗證方式主要有四種方式：一、直接在功能方法中寫驗證代碼（不要扔雞蛋，這種辦法確實算一種）二、重寫valida

《Java從入門到放棄》入門篇：Struts2的常用驗證方式（二）

java struts action validate 數據驗證 前一回，我們講完了“直接在功能方法中寫驗證代碼”這種驗證方式，接下來，我們繼續搞定後續的三種方式。二、重寫validate方法（註意這個方法會驗證該類中所有的方法） 使用重寫驗證方法的好處就是，又可以少寫一句代碼了！！

原生JavaScript常用的DOM操作

需要 ssi dom操作 哈哈 原來 rtc font tno 多個 　　之前項目一直都是用JQuery或者Vue來做的，確實好用，畢竟幫我們解決了很多瀏覽器兼容問題，但是後面發現大公司面試題都是要原生Javascript來做，然後我就一臉懵逼哈哈哈，畢竟大公司需要的框架或

系統冪等以及常用實現方式

集中式 如何 每次 答案 等等 一些事 例子 規模 工具 前言 現在稍具規模的網站和大型應用都不再是單機模式，而是分布式應用，基於多機的集群構建的應用，這樣服務能力就可以基本實現橫向擴容（scale out），不會像單機模式下的縱向擴容（scale up）會受到單機服務能力

XMind常用快捷方式匯總

選擇 工作 建立 home delete 縮小 align enter text 快捷鍵（Windows） 快捷鍵（Mac） 描述 Ctrl+N Command+N 建立新工作簿 Ctrl+O Command+O 開啟工作