1. 程式人生 > >新手學習日記-Javascript和Html 1:如何在html中呼叫Js函式

新手學習日記-Javascript和Html 1:如何在html中呼叫Js函式

HTML組成網頁,CSS組織網頁,Javascript可以給網頁新增複雜操作。

首先要明白,HTML是靜態的,要想實現複雜的可變的操作(比如函式,計算結果等)必須使用Javascript進行操作。

Q.如何在Html中獲取Javascript函式的值

HTML是靜態的,即使將Javascript函式寫入HTML,也不會得到函式的結果.

<!DOCTYPE html>
<html>
<body>

<p id="demo">demo()</p>
<script>
function demo(){
  return "cool"   
}
 </script>
</body>
</html>

頁面顯示結果是:     demo()

正確的方法:要想在網頁中獲得Javascript函式的結果,我們可以在<script>標籤中對html內容進行更改(如document.getElementById("").innerHTML(“裡面是Javascript函式”)),Javascript的函式結果就可以寫入HTML。

<!DOCTYPE html>
<html>
<body>

<p id="demo"></p>

<script>
function demo() {
    return "cool"
}
document.getElementById("demo").innerHTML = demo();
</script>

</body>
</html>
此時頁面顯示結果為: cool

相關推薦

新手學習日記-JavascriptHtml 1如何在html呼叫Js函式

HTML組成網頁,CSS組織網頁,Javascript可以給網頁新增複雜操作。首先要明白,HTML是靜態的,要想實現複雜的可變的操作(比如函式,計算結果等)必須使用Javascript進行操作。Q.如何在Html中獲取Javascript函式的值HTML是靜態的,即使將Jav

OpenCV 學習日記(二)---牛刀小試輸入輸出影象視訊

作者:teeyohuang 本文系交流學習使用,轉載請註明出處,謝謝   於 2016/6/15 Visual studio2010 + openCV 2.4.9 這一部分主要是舉了幾個簡單的例子,以便大家對openCV有個初步的瞭解。宣告一下,這幾個例子,包

Python自動化開發學習15-JavaScriptDOM

eal get 標題 加載 ima radio tolower 雙擊 for循環 初識JavaScript JavaScript(後面都簡寫為js)是一門獨立的語言。瀏覽器本身就具有js解釋器。 js的存在形式 和css類似,js代碼要放在<script>標簽中

學習 ASP.NET Core 2.1集成測試使用 WebApplicationFactory

UNC enc sta 測試 修改 構造 creat -a msdn WebApplicationFactory 是 ASP.NET Core 2.1 新特性 MVC functional test infrastructure 中帶來的新東東,它封裝了 TestServe

學習總結javascriptajax,php,css

post req nim rom 顏色屬性 error 嵌入 echo 高度 1,javascript   1,js可以獲取和修改html的屬性和內容: 通過什麽獲取? window.onload=function{ document.getElementById

Bootstrap學習日記之分頁1

分頁是什麼?   分頁是往往一個頁面索要顯示的內容太多,無法用一頁表示,那麼我們就會對該頁面進行分頁,在頁面的一個部位,做一個"1-2-3-4"等的連線數字表示頁,如果還不明白請直接看例子 建立分頁 建立一個帶有class="pagination"的無序列表 通過&l

設計一個演算法從數 A[1n] 同時找出最大元素最小元素,只需要不超過 1.5n-2 次比較。

題目:設計一個演算法從數A[1:n]中同時找出最大元素和最小元素,只需要不超過1.5n-2次比較。 #include <stdio.h> #define MIN -1 #define MAX 65535 void find_max_min( int num[], int len ) {

設計一個算法從數 A[1n] 同時找出最大元素最小元素,只需要不超過 1.5n-2 次比較。

number com str png 統計 最小 int 比較 技術分享 題目:設計一個算法從數A[1:n]中同時找出最大元素和最小元素,只需要不超過1.5n-2次比較。 #include <stdio.h> #define MIN -1 #define MAX

深度學習原理與TensorFlow實踐1以分類問題入門Tensorflow

一、問題描述 Titanic問題(具體問題可檢視Kaggle平臺) 根據已有資料預測每位乘客是否倖存。共包含12個欄位(或特徵)。 二、看做分類問題處理解決方案 1. 資料讀入及預處理(pandas、scikit-learn)  *pandas可以讀入各種型別的資料

視訊編解碼的理論實踐1基礎知識介紹

近幾年,視訊編解碼技術在理論及應用方面都取得了重大的進展,越來越多的人想要了解編解碼技術。因此,網易雲信研發工程師為大家進行了歸納梳理,從理論及實踐兩個方面簡單介紹視訊編解碼技術。 相關閱讀推薦 1、視訊介紹 視訊的本質是影象序列,根據視覺暫留的原理

java面試(1) java==equalshashCode的區別

1."=="     "=="運算子是比較兩個變數的值是否相等。也就是說,該運算子用於比較變數對應的記憶體中所儲存的值是否相等,要比較兩個基礎型別的資料或兩個引用變數是否相等,只能使用"=="運算子。     具體而言,如果兩個變數是基礎

HTTP請求響應1概述

HTTP的報文分為請求報文和響應報文,開啟一個web頁面後,瀏覽器將發起一個HTTP請求報文,HTTP伺服器收到請求後將回送一個響應報文。 報文的基本結構 HTTP的請求和響應報文都由三個部分組成:對報文進行描述的起始行(start line)、包含屬性的首部(header

Python迭代解析(1)列表解析

Python中的解析 Python支援各種解析(comprehension)操作,比如列表解析、集合解析、元組解析、字典解析。它們根據某些元素來建立(推導)出一個新的列表、集合、元組、字典等。所以有的地方也稱為推導,比如列表推導、集合推導等。 下面是一個列表解析的示例: >>> [ i

機器學習演算法的Python實現 (1)logistics迴歸 與 線性判別分析(LDA)

本文為筆者在學習周志華老師的機器學習教材後,寫的課後習題的的程式設計題。之前放在答案的博文中,現在重新進行整理,將需要實現程式碼的部分單獨拿出來,慢慢積累。希望能寫一個機器學習演算法實現的系列。 本文主要包括: 1、logistics迴歸 2、線性判別分析(LDA) 使

重新學習MySQL數據庫1無廢話MySQL入門

itl 空格 varchar ted 恢復 round blog model ams 重新學習Mysql數據庫1:無廢話MySQL入門 開始使用 我下面所有的SQL語句是基於MySQL 5.6+運行。 MySQL 為關系型數據庫(Relational Dat

1-7 擴充套件提高1ZigBee協議的規範(Profile)簇(Cluester)的概念

ZigBee協議中的規範(Profile)和簇(Cluester)的概念         1、規範(Profile):ZigBee網路中資料的收發是建立應用規範(Application  Profile)的基礎上的。每個應用規範都有 一個ID;應用規範可分為公共規範(Pub

Java網絡編程NIO詳解1JAVA 原生的 socket 通信機制

圖片 構建 -i tst 所有 ice arr 10個 屬於 Java網絡編程和NIO詳解1:JAVA 中原生的 socket 通信機制 JAVA 中原生的 socket 通信機制 摘要:本文屬於原創,歡迎轉載,轉載請保留出處:https://github.com/jas

【小白看的Java教程】第三十七章,Mr.RMr.WJava的IO【薦】

File類(掌握) File課理解為檔案和資料夾(目錄),用於表示磁碟中某個檔案或資料夾的路徑。該類包含了檔案的建立、刪除、重新命名、判斷是否存在等方法。 只能設定和獲取檔案本身的資訊(檔案大小,是否可讀),不能設定和獲取檔案裡面的內容。 Unix: 嚴

Python3學習(三十七)python的click模組詳解

Click模組 click模組是Flask的作者開發的一個第三方模組,用於快速建立命令列。它的作用與Python標準庫的argparse相同,但是,使用起來更簡單。 基本使用 Click對argparse的主要改在在於易用性,使用click模組主要分為兩個步驟: 使用

effective c++條款09絕不在構造析構過程呼叫virtual函式

#include <iostream> using namespace std; class BaseClass { public: BaseClass() { cout << "BaseClass" << endl; } ~