将JS与CSS写在同一个文件中可以减少文件的请求次数，提高页面加载速度。以下是将JS与CSS写在同一个文件里的标准的Markdown格式的书写方法：
1. 在html文件中引入同一个文件
在HTML文件头部中，使用<script>标签引用JavaScript，使用<style>标签引用CSS，代码如下：
<head>
<title>Page Title</title>
<style>
/* style code here */
</style>
<script>
// JavaScript code here
</script>
</head>
2. 在同一个文件中编写JS和CSS
可以直接在一个文件中同时编写CSS和JS，例如下面的示例代码：
<head>
<title>Page Title</title>
<style>
body {
background-color: #f2f2f2;
}
</style>
<script>
function changeColor() {
const body = document.querySelector('body');
body.style.backgroundColor = '#333';
}
</script>
</head>
在上面的示例代码中，我们通过<style>标签编写了一个背景色样式，并通过<script>标签编写了一个函数，当页面加载完毕后，调用该函数可以将页面背景颜色修改为黑色。
另一个示例代码如下：
<head>
<title>Page Title</title>
<style>
ul {
list-style: none;
margin: 0;
padding: 0;
}
li {
display: inline-block;
margin-right: 10px;
text-transform: uppercase;
}
a {
color: #333;
text-decoration: none;
}
</style>
<script>
function showAlert() {
alert('Hello World');
}
</script>
</head>
在上面的示例代码中，我们在<style>标签中编写了一个样式规则，用于修改一个列表的样式，同时在<script>标签中编写了一个函数，用于当页面加载完毕后，弹出一个提示框。
总体来说，在同一个文件中编写JS和CSS是一种优化网站性能和简化网页技术的好方法。
本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：把JS与CSS写在同一个文件里的书写方法 - Python技术站
微信扫一扫 
支付宝扫一扫 