.net MVC随笔6
来源:互联网 发布:无主之地2mac 编辑:程序博客网 时间:2024/05/22 15:48
CSS和JS初见
位置
- /wwwroot/css
- /wwwroot/js
css
/*对h3的模板设定*/h3{ font-size 18 pt; font-family:sans-serif; color:red;}/* table td的模板设定*/table ,td{ border:2px solid black; border-collapse:collapse; padding:5px; font-family:sans-serif;}/*对p的模板设定*/p{ font-family:sans-serif; font-size:12pt; color:black; background-color:ghostwhite; border:2px solid red; padding:2px;}
js
document.addEventListener("DOMContentLoaded", function () { var element = document.createElement("p"); element.textContent = "This is the element from the third.js file"; document.querySelector("body").appendChild(element);});document.addEventListener("DOMContentLoaded", function () { var element = document.createElement("p"); element.textContent = "This is the element from the fourth.js file"; document.querySelector("body").appendChild(element);});
Index.cshtml 调用
@model IEnumerable<WorkingWithVS.Models.Product>@{Layout=null;}<!DOCTYPE html><html><head> <meta name="viewport" content="width=device-width"/> <title>Working with Visual Studio</title> **<link rel="stylesheet" href="~/css/first.css"/> <link rel="stylesheet" href="~/css/second.css"/> <script src="~/js/third.js"></script> <script src="~/js/fourth.js"></script>**</head><body> <h3>Product</h3> <p>Request Time:@DateTime.Now.ToString("HH:mm:ss")</p> <table> <thead> <tr><td>Name</td><td>Price</td></tr> </thead> <tbody> @foreach(var p in Model) { <tr> <td>@p.Name</td> <td>@($"{p.Price:C2}")</td> </tr> } </tbody> </table></body></html>
- css and js must study!
阅读全文
0 0
- .net MVC随笔6
- 知识点随笔.net(mvc)
- .net MVC 学习随笔
- .net MVC 随笔2
- .net MVC 随笔3
- .net MVC 随笔4
- .net MVC 随笔5
- EXT.NET MVC 5 工作随笔01
- EXT.NET MVC 5 工作随笔03
- spring mvc随笔
- Spring mvc随笔
- MVC ListView 随笔
- 学习MVC随笔
- Spring MVC 使用随笔
- 如何提高码农产量,基于ASP.NET MVC的敏捷开发框架开发随笔一
- asp.net开发随笔
- .net 随笔(1)
- .net 随笔(2)
- 【第三届蓝桥杯】土地测量
- js函数探索
- (15)QL1:asc、desc、获取一定范围(用占位符)、获取一条记录中的若干字段、多次导航、左外连接、uniqueResult、聚合函数、is null
- ssm框架的基本搭建文件
- Unity Shader 学习笔记(7) 高光反射
- .net MVC随笔6
- Apache Kylin高级部分之JDBC访问方式
- GCD之辗转相除法的证明
- Apk加固原理解析
- 网络编程 学习笔记
- hive
- cloudera-manager安装
- 随感
- Android获取通话记录【名称,号码,日期,通话时间,类型】