首页 > 其他分享 >在html中 如何 插入 js 和 css 代码 以及 如何 引用 js 和 css 文件

在html中 如何 插入 js 和 css 代码 以及 如何 引用 js 和 css 文件

时间:2023-10-17 14:31:47浏览次数:33  
标签:文件 代码 JavaScript js 插入 html css CSS 引用

在HTML中插入JavaScript和CSS代码,以及引用JavaScript和CSS文件的方法如下:

插入JavaScript代码: 在HTML文件中,你可以使用<script>标签来插入JavaScript代码。例如:

<script>
  function myFunction() {
    alert("Hello, World!");
  }
</script>

引用JavaScript文件: 如果你的JavaScript代码在一个单独的.js文件中,你可以使用<script>标签的src属性来引用它。例如:

<script src="myScript.js"></script>

插入CSS代码: 在HTML文件中,你可以使用<style>标签来插入CSS代码。例如:

<style>
  body {
    background-color: lightblue;
  }
</style>

引用CSS文件: 如果你的CSS代码在一个单独的.css文件中,你可以使用<link>标签来引用它。例如:

<link rel="stylesheet" type="text/css" href="myStyles.css">

以上就是在HTML中插入和引用JavaScript和CSS的基本方法。希望对你有所帮助!

标签:文件,代码,JavaScript,js,插入,html,css,CSS,引用
From: https://blog.51cto.com/u_16055028/7903878

相关文章

  • javaweb-jsp脚本总结笔记
    1什么是JSPjsp又叫JavaserveltPage这门技术最大的特点就是,写jsp就像是再写html但是不仅可以写静态页面,而且可以内置Java代码写出动态页面,也就是说可以为用户提供动态数据。总的来说jsp=java+HTML2.JSP快速入门2.1提供对应的驱动包2.1创建对应jsp文件2.2写对应代码......
  • [学习笔记] 有关CSS响应式设计的单位
    em和rem单位:em和rem是相对于元素的字体大小计算的单位。em单位是相对于父元素的字体大小,而rem单位是相对于根元素(通常是 <html> 元素)的字体大小。em和rem单位可以用于实现相对于字体大小的自适应布局。vw和vh单位:vw和vh是视口宽度和视口高度的百分比单位......
  • React学习笔记04-JSX语法
    1.JSX语法JSX将HTML语法直接加入到JavaScript代码中,再通过翻译器转换到纯JavaScript后由浏览器执行。在实际开发中,JSX在产品打包阶段都已经编译成纯JavaScript,不会带来任何副作用,反而会让代码更加直观并易于维护。编译过程由Babel的JSX编译器实现。 2.JSX语法的......
  • 完美兼容IE,chrome,ff的设为首页、加入收藏及保存到桌面js代码
    今天给大家分享一段设为首页、收藏本站及保存到桌面的js代码,非常实用。scripttype="text/javascript"//设为首页functionSetHome(obj,url){try{obj.style.behavior=’url(#default#homepage)’;obj.setHomePage(url);}catch(e){if(window.netscape){try{netscape.security.Priv......
  • 聊聊 RXJS
    一什么是rxjs?RxJS(ReactiveExtensionsforJavaScript)是一个用于响应式编程的JavaScript库。它通过使用可观察对象(Observables)和操作符(Operators)来处理异步和事件驱动的代码。什么是响应式编程?程序的输入可以被当成一个数据流,例如excel表格的累加。响应式编程世界里知名度......
  • js Promise、generator、async/await
    1.Promise的出现是为了解决ajax回调地狱的问题,但是Promise的链式调用看起来也不太美观。2.generator的出现就是为了让异步流程看起来更直观。3.然而generator在定义的时候是直观的,在执行的时候又会面临回调地狱的问题,所以async/await应运而生,async/await可以直接......
  • nodejs和nginx配置
    用的是express模板。下载的是阿里云Nginx证书。配完nginx.conf,可以用nginx-t;检查一下,只要提示isok和successful就行,然后重启用sudoservicenginxreload;如果提示‘Redirectingto/bin/systemctlreloadnginx.service’,没有关系。重点证书不仅要放在Nginx里,项目也是要......
  • jsonpath模块的知识点总结
    jsonpath模块$表示根节点.表示子节点..表示内部任意位置1,如何通过jsonpath取json里面的值导入jsonpath模块:fromjsonpathimportjsonpathdict={"key1":{"key2":{"key3":{"key4":{"key5":"request"}}}}}#1,普通的提取方式print(dict[&......
  • 【1.0】Js逆向补充之Js混淆
    【一】什么是Js混淆JavaScript混淆是一种将JavaScript代码进行某种处理的方式,目的是使代码难以被阅读和理解。whydothat?JavaScript大都是运行在浏览器端,这就导致任何人都可以直接对网站的代码进行查看如果代码没有进行任何处理就会导致直接暴露源码,他人便可轻而易......
  • 【2.0】Js逆向补充之Ob混淆
    【一】什么是Ob混淆OB混淆是指将JavaScript代码中的变量名、函数名、字符串等替换为无意义的字符串,从而增加代码的保护性和防止代码的逆向分析。此外,它还可以在代码中添加死代码、无用的函数等,增加代码的复杂度和难以理解性,从而增加代码的保密性。官网:https://obfuscato......