• PHP,JavaScript,CSS三种HTML内嵌语言的语法,变量,循环,函数记录


    PHP

    • PHP简介:

        PHP 是服务器端脚本语言。
        PHP(全称:PHP:Hypertext Preprocessor,即"PHP:超文本预处理器")是一种通用开源脚本语言。
        PHP 脚本在服务器上执行。
    
    • PHP 语法:

        <!DOCTYPE html> 
        <html> 
        <body> 
    
        <h1>My first PHP page</h1> 
    
        <!--  这是PHP的内嵌语句 -->
        <?php
        // php 开始
        $ x = 6;
        // 函数
        function myTest() 
        { 
            $y=10; // 局部变量 
            echo "<p>测试函数内变量:<p>"; 
            echo "变量 x 为: $x"; 
            echo "<br>"; 
            echo "变量 y 为: $y"; 
        }  
    
        // 注释和C以及JavaScript 一样 
        echo "Hello World!"; 
        // 变量;
        $y = 6;
        $z = $x + $y;
        $test = "chen";
        
        // 条件语句
        $t=date("H");  
        if ($t<"20")  
        {  
            echo "Have a good day!";  
        }
    
        // 循环语句
        $i=1;
        while($i<=5)
        {
        echo "The number is " . $i . "<br>";
        $i++;
        }
        
        // php结束  
        ?> 
        
        </body> 
        </html>
    

    JavaScript

    • JavaScript 简介:

        JavaScript 是一种轻量级的编程语言。
        JavaScript 是可插入 HTML 页面的编程代码。
        JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。
        JavaScript 很容易学习。
    
    • JavaScript 变量:

        var x = 10;
        var y = 12;
        var z = x + y;
        var persion_name = "chenfulin";
    
        // 创建变量
        var chen_num;
        chen_num = 7;
    
    • JavaScript 条件语句以及循环语句:

        /* 条件语句和C语言是一样的,比较也是 */
    
        // for 循环:
        <script>
        cars=["BMW","Volvo","Saab","Ford"];
        for (var i=0;i<cars.length;i++){
        	document.write(cars[i] + "<br>");
        }
        </script>
       
        //  while 语句
        <script>
        function myFunction(){
        	var x="",i=0;
        	while (i<5){
        		x=x + "该数字为 " + i + "<br>";
        		i++;
        	}
        	document.getElementById("demo").innerHTML=x;
        }
        </script>    
    
    • JavaScript 在 body 中的脚本调用:

        <!DOCTYPE html>
        <html>
        <head>
        <meta charset="utf-8">
        <title>菜鸟教程(runoob.com)</title>
        </head>
        <body>
        	
        <p>
        JavaScript 能够直接写入 HTML 输出流中:
        </p>
        <!-- 这是 HTML中的脚本调用   -->
        <script>
        document.write("<h1>这是一个标题</h1>");
        document.write("<p>这是一个段落。</p>");
        </script>
        <p>
        您只能在 HTML 输出流中使用 <strong>document.write</strong>。
        如果您在文档已加载后使用它(比如在函数中),会覆盖整个文档。
        </p>
        	
        </body>
        </html>
    
    • JavaScript在 head 的函数声明

        <!DOCTYPE html>
        <html>
        <head>
        <meta charset="utf-8"> 
        <title>菜鸟教程(runoob.com)</title> 
        <!--  head 中的函数声明 -->
        <script>
        // 这是 JavaScript 的注释
        function myFunction(){
    	    document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
        }
        /* 
            这是JavaScript的多行注释
        */
        </script>
        </head>
        <body>
        	
        <h1>我的 Web 页面</h1>
        <p id="demo">一个段落。</p>
        <!-- 一个按键的调用  -->
        <button type="button" onclick="myFunction()">点击这里</button>
        	
        </body>
        </html>
    

    CSS

    • CSS 作用

        // 目前认为的作用就是修饰了 HTML 各个元素的格式,提高了开发效率
        CSS 指层叠样式表 (Cascading Style Sheets)
        样式定义如何显示 HTML 元素
        样式通常存储在样式表中
        把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题
        外部样式表可以极大提高工作效率
        外部样式表通常存储在 CSS 文件中
        多个样式定义可层叠为一
    
    • CSS 语法

        <html>
        <head>
        <style>
        /* 这里面就是有关 HTML标签的内容的修饰  */
        body {background-color:yellow;}
        /*  body 里面所有的内容都是黄色  */
        h1   {font-size:36pt;}
        /*  h1 的字体大小是36pt  */
        h2   {color:blue;}
        /*  h2 标题的颜色是蓝色 */
        p    {margin-left:50px;}
        /* p 的内容偏移50码 */
        </style>
        </head>
    
        <body>
        
        <h1>This header is 36 pt</h1>
        <h2>This header is blue</h2>
    
        <p>This paragraph has a left margin of 50 pixels</p> 
    
        </body>
        </html>
    

  • 相关阅读:
    HBase(九)HBase表以及Rowkey的设计
    iOS-动态库创建(详解)
    组件化-动态库实战
    Xcode创建子工程以及工程依赖
    XMPP详解
    iOS中WebKit框架应用与解析
    HYStockChart, 股票图(包括K线图、趋势图、成交量、滚动、放大缩小等)
    OC与JS交互
    iOS 与 js交互的其一方法 WebViewJavascriptBridge的使用
    OC和JS调用
  • 原文地址:https://www.cnblogs.com/chenfulin5/p/6828939.html
Copyright © 2020-2023  润新知