HTML頁面用JS調用

一步:事先把要調用的信息(醫院的信息，療法，活動介紹，廣告圖片，商務通等一些信息) 做成html源碼形式的，如下圖：

第二步:打開站長工里面的HTML/JS轉換工具http://0x9.me/hOEzN 把事先弄好源碼放到上面的表單里面，然后這兒工具自動換成要JS代碼。如圖：

第三步: 把生成好的JS代碼復制到TXT文檔里面，然后把TXT格式改成JS就生成可JS源文件了，然后把做好的JS源文件通過FTP工具上傳到網站的服務器空間上去，如圖:

第四步:把剛剛上傳的JS源文件路徑復制下來，我們調用這JS就行了，JS代碼如下：

時，我們希望實現這樣一個特性:單擊HTML頁面上的鏈接將調用本地可執行文件。像騰訊QQ、迅雷這類。

實現此功能也非常簡單，這需要我們添加和修改注冊表來實現自定義URL協議協議。

自定義URL Protocol 協議

一些應用軟件可以在瀏覽器中點擊一個url后自動啟動，并執行操作。

1. win+r打開注冊表，輸入regedit進入注冊表

2. 在注冊表左邊最上面HKEY_CLASSES_ROOT那個樹右鍵新建——項。該項的名稱自己命名，其實該名稱也是協議的名稱，我們調用的時候就是根據該協議調用的，而我這里隨便起了一個：ZZO。

3. 然后在該項中右鍵->新建->字符串值，創建一個URL Protocol的值，其中數據默認為空。

4. 然后在ZZO下新建->項，名字為DefaultIcon

5. 在ZZO下新建->項，名稱為shell。并在shell下新建名為open的項。然后在open下新建名為command的項

6. 然后分別修改DefaultIcon 和 command 的值為要調用的程序完整路徑.

比如我這里要調用的是QQ，完整路徑為：D:\Program Files (x86)\Tencent\QQ\Bin\QQScLauncher.exe

7. 然后我們在html頁面添加一個a標簽

8. 點擊頁面按鈕

通過網站調用可執行程序，主要是修改注冊表,注冊 URL Protocol 協議。

注意上面 command 項的值可以為 C:\Program Files (x86)\Qiaoker\updater.exe "%1" ,這個"%1"是傳遞給 updater.exe的參數。

加了后使用是我們就可以傳參數了，

方式二：使用js調起客戶端

除了上面那種方式，我們還可以通過調用js函數實現客戶端exe程序的調用，但是這種方式局限性很大，目前只支持IE瀏覽器。

代碼如下：

function execProgram() {

var exepath = "D:\Program Files (x86)\Tencent\QQMusic\QQMusic.exe"

var ws = new ActiveXObject("WScript.Shell");

ws.Exec(exepath);

}

日，站長在線（olzz.com）的首頁右側邊欄里面，有一個是【mip驗證】的工具入口，其實我在其他網站也放了這個入口，但是不同的是，以前的頁面入口是直接鏈接到百度mip官方的頁面檢測地址的，而今天，我這個網站的頁面地址改成自己的網站地址，為：https://www.olzz.com/mip/

使用這樣做的方法顯著的好處就是，可以把網站的流量放在自己的網站里面，知道使用這個工具的人有多少，一樣的使用效果，卻給自己帶來更多的瀏覽量，何樂不為呢？

網頁代碼

接下來，站長在線的站長就開始，對代碼進行嘗試添加了：

1、確立MIP標準。因為站長在線的主站是mip技術的，所以我想在這個新建的內頁也使用mip技術，所以首先制作一個index.html的靜態的MIP單頁面，然后把mip技術的標準頁面的空白文件制作出來，代碼我就是不一一解釋怎么來了，直接上代碼了：

<!DOCTYPE html>
<html mip>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<title>網頁標題</title>
<link rel="stylesheet" type="text/css" href="https://c.mipcdn.com/static/v2/mip.css">
<link rel="canonical" href="當前mip頁面地址">
<meta name="Author" Content="作者">
<meta name="Keywords" Content="關鍵詞">
<meta name="Description" Content="頁面描述">

</head>
<body>
 正文內容
<script src="https://c.mipcdn.com/static/v2/mip.js"></script><!--mip-->
</body>
</html>

空白文件制作好了，就開始填充內容，最后本頁面里面，還要添加cnzz統計和百度統計。

1、添加百度mip檢測的頁面調用代碼，并且讓他居中顯示：

<div align="center">
<mip-iframe src="https://www.mipengine.org/validator/preview" width="1025" height="900"></mip-iframe>
</div>

2、添加cnzz統計、百度統計的代碼。

<mip-stats-cnzz token="1278700007"></mip-stats-cnzz><!--cnzz統計ID-->
<mip-stats-baidu token="8abf056d431538bd6c9c1166901389ac"></mip-stats-baidu><!--百度統計ID-->
<script src="https://c.mipcdn.com/static/v2/mip-stats-cnzz/mip-stats-cnzz.js"></script><!--cnzz統計-->
<script src="https://c.mipcdn.com/static/v2/mip-stats-baidu/mip-stats-baidu.js"></script><!--百度統計-->

3、合并所有代碼，完整的代碼如下：

<!DOCTYPE html>
<html mip>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<title>MIP頁面檢測，查看是否符合百度mip頁面標準</title>
<link rel="stylesheet" type="text/css" href="https://c.mipcdn.com/static/v2/mip.css">
<link rel="canonical" href="https://www.olzz.com/mip/">
<meta name="Author" Content="楊澤業">
<meta name="Keywords" Content="mip,mip檢測,MIP頁面檢測">
<meta name="Description" Content="這是由站長在線站長楊澤業手工開發的mip頁面檢測網頁，通過本頁面的檢測，可以讓你知道你的網站，是否符合mip頁面的技術標準">
</head>
<body>
 <div align="center">
<mip-iframe src="https://www.mipengine.org/validator/preview" width="1025" height="900"></mip-iframe>
</div>
<mip-stats-cnzz token="1278700007"></mip-stats-cnzz>
<mip-stats-baidu token="8abf056d431538bd6c9c1166901389ac"></mip-stats-baidu>
<script src="https://c.mipcdn.com/static/v2/mip-stats-cnzz/mip-stats-cnzz.js"></script><!--cnzz統計-->
<script src="https://c.mipcdn.com/static/v2/mip-stats-baidu/mip-stats-baidu.js"></script><!--百度統計-->
<script src="https://c.mipcdn.com/static/v2/mip.js"></script><!--mip-->
</body>
</html>

總結：通過本內容的學習，可以讓你知道，怎么在自己的網站里面調用第三方網站的頁面內容，新手朋友們自己親自實踐一下，舉一反三，讓自己的建站水平穩步提升。

歡迎關注站長快遞頭條號，一起學習建站知識，一起成長！

在線咨詢

上一篇：Vue 小Demo-留言板
下一篇：適用于Mac的最佳HTML文本編輯器，編碼開發必備

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

HTML頁面用JS調用

您的項目需求