zoukankan      html  css  js  c++  java
  • HTML中夹杂CODE

    @{
       // Working with numbers
       var a = 4;
       var b = 5;
       var theSum = a + b;

       // Working with characters (strings)
       var technology = "ASP.NET";
       var product ="Web Pages";

       // Working with objects
       var rightNow = DateTime.Now;
    }

    <!DOCTYPE html>
    <htmllang="en">
     
    <head>
       
    <title>Testing Razor Syntax</title>
       
    <metacharset="utf-8"/>
       
    <style>
        body
    {font-family:Verdana;margin-left:50px;margin-top:50px;}
        div
    {border:1px solid black;width:50%;margin:1.2em;padding:1em;}
        span
    .bright {color:red;}
       
    </style>
     
    </head>
    <body>
     
    <h1>Testing Razor Syntax</h1>
     
    <formmethod="post">

       
    <div>
         
    <p>The value of <em>a</em> is @a.  The value of <em>b</em> is @b.
         
    <p>The sum of <em>a</em> and <em>b</em> is <strong>@theSum</strong>.</p>
         
    <p>The product of <em>a</em> and <em>b</em> is <strong>@(a*b)</strong>.</p>
       
    </div>

       
    <div>
         
    <p>The technology is @technology, and the product is @product.</p>
         
    <p>Together they are <spanclass="bright">@(technology + " " + product)</span></p>
      
    </div>

      
    <div>
        
    <p>The current date and time is: @rightNow</p>
        
    <p>The URL of the current page is<br/><br/><code>@Request.Url</code></p>
      
    </div>

     
    </form>
    </body>
    </html>

    在html中夹杂code:@(),如果只是一个变量,直接 @var即可,如果有计算,即为:@(technology + " " + product)

  • 相关阅读:
    CSS 实现隐藏滚动条同时又可以滚动
    手机端自适应布局demo
    手机端自适应布局demo
    手机端自适应布局demo
    七个帮助你处理Web页面层布局的jQuery插件
    一笔画问题
    数组模拟邻接表
    邻接矩阵存图
    BFS 遍历图
    DFS 遍历图
  • 原文地址:https://www.cnblogs.com/littleebeer/p/3365408.html
Copyright © 2011-2022 走看看