前端篇 -- 简学javaScript技术

简学js技术

JavaScript，一种高级编程语言，通过解释执行，是一门动态类型，面向对象（基于原型）的直译语言。JavaScript语句和 JavaScript变量都对大小写敏感。

javaScript简单编程样例：

//加载资源地址值

<script type="text/javascript" src="myScript.js">

    Alert（‘My Frist javaScript!’）；

</script>

js嵌入html中：

//输出

document.write("<h1>This is a heading</h1>");

Html执行方法可以调用js：

//弹框

<button type="button"onclick="Function()">点击</button>

<script>

    function myFunction(){

    Alert(已点击)；

    }

</script>

Js函数传产参数：

//弹框执行

<button onclick="Function('小明','董事长')">点击这里</button>

<script>

    function Function(name,job) {


    alert("Welcome " + name + ", the " + job);

    }

</script>

获得节点属性：

    //通过html获取节点

    var x=document.getElementById("intro");

    获得字符串长度：

    var txt="Hello world!"

    //获取字符串长度
        
    document.write(txt.length)
    
    //将字符传翻译成大写

    document.write(txt.toUpperCase()

Window对象    

    window.open() - 打开新窗口

    window.close() - 关闭当前窗口

    window.moveTo() - 移动当前窗口

    window.resizeTo() - 调整当前窗口的尺寸

Location对象

    location.hostname 返回 web 主机的域名

    location.pathname 返回当前页面的路径和文件名

    location.port 返回 web 主机的端口 （80 或 443）

    location.protocol 返回所使用的 web 协议（http:// 或 https://）

History对象

    history.back() - 与在浏览器点击后退按钮相同

    history.forward() - 与在浏览器中点击向前按钮向前相同