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调用

您的项目需求