Skip to content

W
WebCourse

御承扬 / WebCourse

通知 1
Star 0
Fork 0
W
WebCourse

前往新版Gitcode，体验更适合开发者的 AI 搜索 >>

提交 9c77e694 编写于 作者: 7 7wc98#14
浏览文件
操作

Update

上级 c75de5fd
隐藏空白更改
内联 并排
Showing with 77 addition and 0 deletion
src/main/resources/static/js/one.js 0 → 100644
浏览文件 @ 9c77e694
function f3() {
document.getElementById("t1").innerHTML="这里是外部JS代码";
}
\ No newline at end of file
src/main/resources/templates/Buju.html
浏览文件 @ 9c77e694
......@@ -24,6 +24,7 @@
<a href="Person.html">个人页</a>
<a href="#" class="active">页面布局</a>
<a href="test4.html">圆角和阴影</a>
<a href="useJavascript.html">Javascript1</a>
</div>
<div id="main">
<div id="lp" class="aside">
......
src/main/resources/templates/Person.html
浏览文件 @ 9c77e694
......@@ -183,6 +183,7 @@
<li><a href="Home.html">家乡介绍</a></li>
<li class="active"><a href="Person.html">个人介绍</a></li>
<li><a href="Buju.html">页面布局</a></li>
</ul>
</div>
</div>
......
src/main/resources/templates/test4.html
浏览文件 @ 9c77e694
......@@ -95,6 +95,7 @@
<a href="Person.html">个人页</a>
<a href="Buju.html">页面布局</a>
<a href="#" class="active">圆角和阴影</a>
<a href="useJavascript.html">Javascript1</a>
</div>
<div id="main">
<div id="lp" class="aside">
......
src/main/resources/templates/useJavascript.html 0 → 100644
浏览文件 @ 9c77e694
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>页面布局</title>
<link rel="stylesheet" href="../static/css/buju.css">
<style type="text/css">
.active{
color: blue;
}
.cen{
margin: 25% auto;
}
button{
width: 150px;
height: 50px;
background-color: #b8daff;
}
</style>
<script>
function f1() {
alert("head标签内嵌脚本");
}
</script>
</head>
<body>
<div id="container">
<div id="header">
<div style="margin-top: 10px;padding-top:30px; ">
<h1 style="color: red;">Web 课实验·Javascript使用方式</h1>
</div>
</div>
<div id="nav">
<a href="Home.html">御承扬</a>
<a href="Home.html">首页</a>
<a href="Person.html">个人页</a>
<a href="Buju.html">页面布局</a>
<a href="test4.html">圆角和阴影</a>
<a href="#" class="active">Javascript1</a>
</div>
<div id="main">
<div id="lp" class="aside">
<p id="ap">
点击下面按钮，会调用在行内Javascript脚本修改本段落内容。
</p><br>
<button onclick="document.getElementById('ap').innerHTML='这里是在行内Javascript'">行内JS</button>
</div>
<div id="content">
<div class="cen">
<h1>
点击下面按钮调用head标签内的Javascript脚本
</h1><br>
<button onclick="f1()">嵌套JS</button>
</div>
</div>
<div id="rp" class="aside">
<p id="t1">
点击下面的按钮，会调用外部JS改变本段落内容。
</p><br>
<script src="../static/js/one.js"></script>
<button onclick="f3()">外部JS</button>
</div>
</div>
<div id="footer">
<div style="margin-top: 10px;padding-top: 50px;">
<h1 style="color: #f8f8f8">Copyright <strong>&copy;彭友聪 </strong>201724073161</h1>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或