html调用JS文件里面的方法！

最新推荐文章于 2022-08-30 10:01:10 发布
最新推荐文章于 2022-08-30 10:01:10 发布
阅读量2.3k 收藏 4
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ydqs_long/article/details/82923136
版权

静态网页制作的时候，经常碰到的一个问题，当每个页面有重复地方的时候，就需要用到这个了。

比如；asp程序一样，调用头部文件<!--#include file="top.asp"-->，其实html页面，也可用js来进行调用，具体代码如下：

js文件部分：

/* 页面顶部 */
function jT() {
 reval  = "";
 reval += "<table width=\"100%\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\">";
 reval += "  <tr align=\"center\">";
 reval += "     <td><a href=\"./\" class=\"white14 b\">首 页</a></td>";
 reval += "     <td><a href=\"aboutus.html\" class=\"white14 b\">公司简介</a></td>";
 reval += "     <td><a href=\"operation.html\" class=\"white14 b\">业务范围</a></td>";
 reval += "     <td><a href=\"products.html\" class=\"white14 b\">主要产品</a></td>";
 reval += "     <td><a href=\"case.html\" class=\"white14 b\">典范工程</a></td>";
 reval += "     <td><a href=\"support.html\" class=\"white14 b\">技术支持</a></td>";
 reval += "     <td><a href=\"bbs.html\" class=\"white14 b\">招聘信息</a></td>";
 reval += "     <td><a href=\"contactus.html\" class=\"white14 b\">联系我们</a></td>";
 reval += "  </tr>";
 reval += "</table>";

 document.write(reval);
}

/* 页面底部 */
function jB() {
 reval  = "";
 reval += "<table width=\"95%\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\">";
 reval += "  <tr>";
 reval += "    <td height=\"1\" bgcolor=\"#CED2D5\"></td>";
 reval += "  </tr>";
 reval += "  <tr>";
 reval += "    <td height=\"29\"><table width=\"99%\" border=\"0\" align=\"left\" cellpadding=\"3\" cellspacing=\"0\">";
 reval += "          <tr>";
 reval += "            <td width=\"61%\">COPYRIGHT (C), 2005. STONE Electric ALL RIGHT RESERVED</td>";
 reval += "            <td width=\"39%\" align=\"right\"><a href=\"sitemap.html\">网站地图</a> &nbsp; | &nbsp;  <a href=\"cooperate.html\">合作伙伴</a>";
 reval += "            </td>";
 reval += "          </tr>";
 reval += "        </table></td>";
 reval += "  </tr>";
 reval += "</table>";
 document.write(reval);
}

 

 

html文件部分：

文件引用：

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>xxxx有限公司</title>
<script src="inc/functions.js"></script>
<link href="inc/styles.css" rel="stylesheet" />
</head>

方法调用：

<td width="688" background="images/aboutus_pic3.gif"><script>jT()</script></td>   //头部

<tr>
     <td><script>jB()</script></td>  //尾部
</tr>

ydqs_long
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html调用js的方法
xiaoweids的博客
06-19 1万+
转自：微点阅读 https://www.weidianyuedu.com JavaScript一种直译式脚本语言。它具有功能强大和简单易用两个特征。下面是微点阅读小编为您带来的hlookup函数的使用方法，希望对大家有所帮助。　　html调用js方法　　一、JavaScript脚本语言的特性　　JavaScript脚本语言是一种面向浏览器的网页脚本编程语言。脚本语言有以下几个特性：　　1、在客户端执行。完全在用户的计算机上运行，无须经过服务器。　　2、面向对象。具有内置对象，也可以直接操作浏览
HTML 中使用 JavaScript 的具体方式
最新发布
weixin_44814196的博客
06-10 1411
介绍在 HTML 文档里面使用 JavaScript 的常见方式
（二）js在html中调用的三种方式
weixin_57244464的博客
07-10 8373
将 js代码 引入 html 的三种方式
html调用js里面的函数,html如何调用js函数
weixin_34646820的博客
06-07 1万+
html调用js函数的方法：1、用控件本身进行调用；2、通过javascript中的时间控件定时执行；3、通过getElementById调用；4、通过document.getElementsByName调用。本文操作环境：Windows7系统、html5&&javascript1.8.5版，DELL G3电脑html调用js函数，有多种方法：1、可以用控件本身进行；如 2、通过j...
html静态页面调用php文件的方法
01-20
本文实例讲述了html静态页面调用php文件的方法。分享给大家供大家参考。具体方法如下： 静态页面中看上去好像是不能直接调用php文件的，但是却可以使用js调用方式来调用php文件，当然还可以使用ajax 调用php文件，...
ThinkPHP里用U方法调用js文件实例
12-18
在ThinkPHP中，为了通过`U`方法调用js文件，我们需要做以下几步调整： 1. **修改js文件的后缀**：虽然js文件通常以`.js`为扩展名，但在这里我们先将其改为`.html`，这样做并不会影响文件的实际内容，只是作为URL...
在html中引入外部js文件,并调用带参函数的方法
10-21
通常，HTML文件（如`test.html`）和JavaScript文件（如`a.js`）会放在同一个目录下，或者JavaScript文件位于一个专门存放脚本的子目录中。这样的组织方式有利于管理和引用资源。 接下来，我们编写`a.js`文件，这是...
js文件中调用js的实现方法小结
12-13
总结起来，这些方法提供了不同的方式来在JavaScript文件之间进行交互和调用。选择哪种方法取决于具体的需求，比如是否需要动态加载、代码执行的时间点、以及页面结构等因素。在实际应用中，更推荐使用现代模块化系统...
一个Js文件函数中调用另一个Js文件函数的方法演示
01-19
例如有这样一个html，里面有一个按钮，当按下时调用b.js文件中的方法b()。而b()中又要调用a.js文件中的方法a()。若要实现这个功能，必须注意，将要引入的Js文件代码放在</body>下面。 　首先，我们在html中...
a 标签中调用js的几种方法
热门推荐
余书懿
04-09 14万+
我们常用的在a标签中有点击事件： 1. a href="javascript:js_method();" 这是我们平台上常用的方法，但是这种方法在传递this等参数的时候很容易出问题，而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件，在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href里面执行java
如何在html中调用JS文件
xiaoweids的博客
08-30 1906
Javascript脚本语言的特性Javascript脚本语言是一种面向浏览器的网页脚本编程语言。
如何在html中使用js
m0_60499747的博客
09-15 7040
1.使用script标签，将js代码写入标签(html和js没有分离) 在 HTML 中，JavaScript 代码必须位于 <script> 与 </script> 标签之间。 <script> console.log(Number.MAX_VALUE) var s = 'hello world' var n = 10 var u =undefined var l =null
如何在html中调用Js函数
mxk4869的博客
04-02 3万+
HTML组成网页，CSS组织网页，Javascript可以给网页添加复杂操作。 首先要明白，HTML是静态的，要想实现复杂的可变的操作（比如函数，计算结果等）必须使用Javascript进行操作。 Q.如何在Html中获取Javascript函数的值 HTML是静态的，即使将Javascript函数写入HTML,也不会得到函数的结果. <!DOCTYPE html> <h...
HTML中调用一个JavaScript脚本文件
成长ing中的w的专栏
11-09 790
上篇介绍HTML中嵌入JS代码，本篇介绍如何调用外部的JS脚本文件。本次使用VS开发工具进行编辑（不限）。 1.新建Test.js文件 document.write("俺是一个外部的JavaScript文件"); 注意：编码使用UTF-8保存，否则会乱码。 2.新建Home.html文件 <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> &l.
js验证方法图片上传
吴举人的博客
06-22 1338
js验证有时候总是不规范，以下为我规范化的简单js验证js判断表单的验证方法：//数据校验function inputVerification(){ //验证附件是否上传 if(!checkfile()){ alert("至少上传一张图片！"); return false; } //验证下拉框的值是否为空 if(!checkBxxm()){ alert("请输入【XXXX】"); $("s...
按钮怎么调用js文件的方法
03-14
您可以使用以下代码来调用 JavaScript 文件中的方法： ```html ... <script src="myScript.js"> ...其中，`myScript.js` 是您要调用的 JavaScript 文件的名称，`myFunction()` 是您要调用的 JavaScript 方法的名称。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值