`
sixingbugai
  • 浏览: 21833 次
最近访客 更多访客>>
社区版块
存档分类
最新评论

如何将js加入到HTML中

    博客分类:
  • js
阅读更多
有3种方式
1 应用<script>...</script>
  
  <html>
           .....//html code
          <script language="javascript">
            here is js code
          </script>
         ..........
         </html>
  
2 直接加入到HTML标记
    当js代码比较简单时,我们可以将js函数直接加到HTML标记中
        
<html><head></head>
             <body onload="javascript:window.alert("welcome!!!")">
            ...........
              </body>
             </html>
3利用SRC属性级联脚本文件
         当js代码可以供多个页面使用时,我们可以利用SRC属性来使用外部的js代码
      (1)首先新建一个外部js文件,保存为exa.js
           在文件中输入:
                window.alert("welcome")
         注意:这里不能输入<script>...</script>标记,否则会出错,
      (2)在.html文件中的 <head>...</head>之间加入下列代码
           

           
<script src="exa.js"></script>
分享到:
评论

相关推荐

    js 特效 html 特效 HTML加入javascript

    js 特效 html 特效 HTML加入javascript

    向html中加入指定的javascript "src"的perl脚本

    命令adjssrc: 用一个简单的命令向html文档中加入你指定的javascript源,比如在命令行中运行adjsscr a.html b.js, 在html文档的标签的下一行就会自动加入&lt;script type="text/javascript" charset="utf-8" src="b.js"&gt;...

    html+javascript+css(8本chm)

    HTML、JavaScript和CSS是Web开发中的三大核心技术,它们共同构建了网页的结构、交互和样式。这个压缩包包含了8本关于这些主题的CHM( Compiled Help Manual)电子书,对于初学者来说是一份宝贵的资源。 1. **HTML...

    纯html+javascript+css webpack打包的项目

    通过理解这些基础知识,新手可以快速上手这个项目,理解Webpack如何将HTML、JavaScript和CSS组合成一个完整的Web应用。同时,这个项目也为开发者提供了一个实际运用现代前端技术的起点,有助于提升开发技能和项目...

    js jquery 加入购物车动画特效

    "js jQuery 加入购物车动画特效"就是一个很好的例子,它利用JavaScript和jQuery库为用户创建了一个商品被添加到购物车的生动动画。这个特效可以使得网站看起来更专业、更吸引人,增加用户的购买意愿。 首先,jQuery...

    js加入购物车抛物线动画与购物车效果特效

    本文介绍借助一款基于jQuery的动画插件,点击加入购物车按钮时,实现商品将飞入到右侧的购物车中的效果。 HTML 首先载入jQuery库文件和jquery.fly.min.js插件。 复制代码 代码如下: &lt;script src="jquery.js"&gt; ...

    HTML读取Excel表内容的js插件

    本主题聚焦于使用JavaScript插件将Excel文件的内容读取并显示在HTML页面上,甚至实现将这些数据上传到数据库的功能。我们关注的插件是`js-xlsx`,这是一个广受欢迎的开源库,用于处理XLSX和XLSM格式的电子表格文件。...

    javascript经典特效---HTML加入javascript.rar

    2. **外部引用**:将JavaScript代码保存为.js文件,然后在HTML中通过`&lt;script&gt;`标签的`src`属性引用。如: ```html &lt;script src="myScript.js"&gt; ``` 这种方式使HTML和JavaScript代码分离,有利于代码维护和加载...

    js 点击加入收藏

    在网页开发中,"js 点击加入收藏"是一个常见的用户交互功能,允许用户将当前浏览的页面保存到他们的浏览器收藏夹中。这个功能通常通过JavaScript实现,因为JavaScript是一种广泛用于网页动态交互的编程语言。下面...

    md5的js代码,嵌入到可执行的html,并给出注释.html

    以下是一个使用JavaScript实现md5加密的示例代码,已嵌入到可执行的HTML页面中,并加入了注释: 注:需要在HTML页面中引入CryptoJS库才能使用MD5函数进行加密。以上代码在页面中包含了一个输入框,一个按钮和一个...

    用dreamweaver做的个人主页(html\javascript)

    在这个个人主页中,JavaScript文件(如.js)可能负责处理用户交互、动画效果、数据处理等功能。例如,JavaScript可以用于控制音乐播放和暂停,显示和隐藏相册图片,或者实现日记的滚动更新。初学者可以从这些脚本中...

    js 特效 html 特效 点击加入收藏夹

    js 特效 html 特效 点击加入收藏夹 js 特效 html 特效 点击加入收藏夹

    一个Js文件函数中调用另一个Js文件函数的方法演示

    我们知道,在html中,利用[removed][removed]引入的两个js是不可以相互调用的。那么该如何解决呢?当然,你可以将代码通通copy过来,也许你并不喜欢这样。 例如有这样一个html,里面有一个按钮,当按下时调用b.js...

    html+css+简单的js制作的超市页面

    在本项目中,“html+css+简单的js制作的超市页面”是一个典型的Web前端开发实例,主要涉及HTML(超文本标记语言)、CSS(层叠样式表)和JavaScript这三种核心技术。这些技术是构建交互式网页的基础,下面将详细介绍...

    2023node期末课设超市管理系统node+js+css+html+mysql(源码+数据库文件+介绍文档)

    超市管理系统node+js+css+html+mysql(免积分下载)详情看我的文章介绍:https://blog.csdn.net/weixin_43474701/article/details/130569614 使用方法 在打开工程目录后先跳转到node文件夹下 使用npm模块管理工具下载...

    html+css+js前端界面仿小米闪购

    - 加入购物车:点击商品后,将其添加到购物车,并实时更新购物车数量。 - 购物车操作:用户可以修改购物车内商品的数量,或者删除不需要的商品。 - 原生JS API:项目使用原生JavaScript而非库或框架,有助于理解...

    HTML用JS导出Excel的五种方法.javascript导出excel的5种方法

    导出Excel文件时,需要创建一个工作表对象,然后加入到工作簿中,最后将其转换为二进制数据并下载。 ```javascript // 安装js-xlsx npm install xlsx import * as XLSX from 'xlsx'; function exportToExcel(data...

    【JavaScript源代码】js实现上传图片到服务器.docx

    - 将Base64编码的图片数据插入到HTML中,创建一个新的`&lt;img&gt;`元素,并将其添加到DOM中以预览。 - 每个图片预览区域都有一个唯一的`index`属性,方便删除操作。 - 用户可以通过点击预览图删除对应的图片,删除操作...

    小米商城商品加入购物车js代码

    "小米商城商品加入购物车js代码"就是一个很好的实例,它展示了如何利用JavaScript实现用户点击商品后,商品能够动态地被添加到购物车的功能。这个功能常见于电商网站,使得用户可以方便快捷地管理他们想要购买的商品...

    js实现加入收藏和设为首页功能

    在HTML中,通常会将这些JavaScript函数绑定到链接或按钮的`onclick`事件上,以触发相应的操作。例如,在给定的代码中,`&lt;a&gt;`标签用于创建“设为首页”和“加入收藏”的链接,通过调用`javascript:void(0)`防止页面...

Global site tag (gtag.js) - Google Analytics