当前位置:首页 > 前端技术 > css及js调用方法

css及js调用方法

2022年08月05日 10:49:08前端技术4

信息汇总自互联网:

 

css调用方法:
1. 链接样式表 同样是添加在HTML的头信息标识符<head>里
<head>
    <link rel="stylesheet" type="text/css" href="style.css" />
</head>

2. 添加在HTML的头信息标识符<head>里
<head>
<style type="text/css"> 
</style> 
</head>

3. 使用style属性对标签加载样式
<p style="font-size: 12px;color: #000;">使用css</p>
这种方法虽然简单易用,但是不推荐使用这种方法,这种方法无法展现出样式表

的优势:缩短修改时间提高工作量。

4. @import

  <style type="text/css" media="screen">
    @import "all.css";
  </style>

  link和@import的区别:服务对象不一样,@import 为CSS服务,link是为当

前的页服务, @import会优先执行。


JS调用方法:

1. JavaScript采用的格式如下:
<Script Language="JavaScript">
JavaScript 语句
</Script>

<script language="javascript" type="text/javascript">

javascript语句

</script>


2. 在浏览器地址栏直接执行JavaScript脚本
如输入:javascript:alert(200*75)

3. 调用js文件

<script language="JavaScript" src="test.js">
</script>

4.
//程序代码
document.write(" <script language=\"javascript\" src="\/com\/ Js_file02.js \" > <\/script>");

 

JS调用顺序(摘自:javascript入门经典第四版P33):

1. 在一个web文档中可能包含多个脚本,一个或多个script标签,外部的javascript文件以及一些事件处理程序。浏览器怎么样知道先执行哪个脚本?

(1) 在HTML文档中,先执行<head>内的一组<script>标签,无论该内容是嵌入代码或是指向一个javascript文件。因为这些脚本不能在web页面上建立输出,

所以这个位置定义以后要使用的函数是非常合适的。

(2) 在html文档中,随后会执行<body>之内的一组script标签,同时web页面下载并显示他。如果在body之内有多个脚本,则按照先后顺序执行。

(3)当事件发生时,事件处理程序被执行。

作者:zurich1979
来源链接:https://blog.csdn.net/zurich1979/article/details/25274065

版权声明:
1、JavaClub(https://www.javaclub.cn)以学习交流为目的,由作者投稿、网友推荐和小编整理收藏优秀的IT技术及相关内容,包括但不限于文字、图片、音频、视频、软件、程序等,其均来自互联网,本站不享有版权,版权归原作者所有。

2、本站提供的内容仅用于个人学习、研究或欣赏,以及其他非商业性或非盈利性用途,但同时应遵守著作权法及其他相关法律的规定,不得侵犯相关权利人及本网站的合法权利。
3、本网站内容原作者如不愿意在本网站刊登内容,请及时通知本站(javaclubcn@163.com),我们将第一时间核实后及时予以删除。


本文链接:https://www.javaclub.cn/front/17499.html

标签: css
分享给朋友:

“css及js调用方法” 的相关文章

CSS

CSS

文章目录 1. CSS 的概念 2. CSS 的作用 3. CSS 与 HTML 的结合方式 4. CSS 格式 5. 选择器 5.1 选择器的作用...

css去除html中a标签的默认样式

html中a标签的默认样式实在是太丑,这简直是对前端程序猿的一种蹂躏!!!所以通常情况下需要去除a标签的默认样式。 以下代码是在a标签的不同状态下去除默认的下划线,如果要修改颜色、字体等,在对应位置添加css样式即可。 /*去除a...

CSS放置显示a标签的下划线

  text-decoration: underline; text-decoration属性规定文本修饰(下划线 underline、上划线 overline、中划线 line-through) 作者:迷豆腐 来源链接:https://blog.cs...

css一个标签添加多个class的样式顺序问题

css一个标签添加多个class的样式顺序问题

在使用jquery给div元素添加class时发现一个问题。就是后添加的class中的式样没有覆盖掉原来的class中的式样。 相关css如下: /*div标签原有样式*/ .nav>.navlogin, .navregist {...

优秀工具推荐:超实用的 CSS 库,样板和框架

优秀工具推荐:超实用的 CSS 库,样板和框架

当启动一个新的项目,使用 CSS 框架或样板,可以帮助您节省大量的时间。在这篇文章中,我编译整理了我最喜欢的 CSS 样板,框架和库,帮助你在建立网站或应用程序时更加高效。   当启动一个新的项目,使用 CSS 框架或样板,可以帮助您节省大量的时间。在这篇文...

CSS:水平居中与垂直居中

CSS:水平居中与垂直居中

CSS居中算是一个比较基础的问题,在实际运用中,需要考虑到的一般是两种情况,一种是主要是表现为文字,图片等行内元素的居中,一种是指 div 等块级标签元素的居中。 水平居中 1、行内元素 行内元素(主要是表现为文字,图片等行内元素)...

CSS文字样式

notice:文字样式会被继承 一、常用的文字样式 1、设置文字的颜色    color:red; 2、设置文字的大小  font-size:30px; 3、设置文字的粗细,bold为加粗...

span标签垂直居中显示的正确方法

span标签居中显示的正确方法 方法一: <span style="text-align: center">水平居中</span> <span style="line-height:值为span的高度">垂直居中...

CSS 选取第几个标签元素

在前端开发中,我们可能会碰到这样的需求:想让列表中的第一个部分显示不同的样式 ,想让列表中的偶数部分显示不同的背景颜色,想让列表中的最后一部分样式不一样……这样的需求,我们怎样来实现?其实,如果前面文件是php开发的,可以通过php的循环语句+判断语句+css样式来实现。但是,如...

如何使用JS来改变CSS样式

如何使用JS来改变CSS样式 方法: document.getElementById("xx").style.xxx中的所有属性是什么 盒子标签和属性对照 CSS语法(不区分大小写)...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。