ECMAJS-语法
如何定义变量-保存数据
如何定义数组-保存一组数据
循环结构:对数组的叠加处理
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>首页</title> </head> <body> <script> var a = [1,2,3,4]; //数组 var sum =0; for(var i=0;i<a.length;i++) { sum+=a[i]; } document.write(sum); </script> </body> </html>
DOM文档对象模型 --操作对象是页面
<!DOCTYPE html> <html> <body> <p id="changstyle">通过DOM改变样式,字号变为24px.</p> <!-- 需要改变的文本 使用id--> <button onclick="document.getElementById('changstyle').style.fontSize='24px'">点击改变字号</button> <!-- button是按钮,按钮中的文字在标签内书写 当按钮被单击 可以在document=浏览器主窗口 getElementById通过id取得元素 使用style.字号改变字号 --> </body> </html>
BOM浏览器对象模型 --操作对象是浏览器
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> function load() { // window当前浏览器窗口 要打开的操作 打开的参数 url地址 什么形式打开(_blank新窗口的含义)打开窗口的高宽和定位 window.open('http://www.baidu.com','_blank','width=600,height=400,top=100px,left=0px') } </script> </head> <body> <button onclick="load()"><!-- 百度</button> 添加按钮,当按钮被单击 完成的动作也就是load函数 --> </body> </html>