文章目录 7.3. 移动端布局实例 移动端页面布局 7.3. 移动端布局实例 移动端页面布局 1、结合流体布局和响应式布局制作天天生鲜移动端首页页面 2、使用基于rem的布局方式制作天天生鲜移动端首页页面 天天生鲜首页效果图如下：

文章目录 8. 常用css列表 常用css列表 8. 常用css列表 常用css列表 color 设置文字的颜色，如： color:red; font-size 设置文字的大小，如：font-size:12px; font-family 设置文字的字体，如：font-family:‘微软雅黑’; font-style 设置字体是否倾斜，如：font-style:‘normal’; 设置不倾斜，font-style:‘italic’;设置文字倾斜 font-weight 设置文字是否加粗，如：font-...

文章目录 9. JavaScript 课程介绍 9. JavaScript 课程介绍 学习前端脚本语言javascript的基本概念、页面引入方式、获取页面元素及操作元素属性的技巧，学习函数的基本定义方法和使用方法。

文章目录 9.1. JavaScript介绍 JavaScript介绍 9.1. JavaScript介绍 JavaScript介绍 JavaScript是运行在浏览器端的脚步语言，JavaScript主要解决的是前端与用户交互的问题，包括使用交互与数据交互。 JavaScript是浏览器解释执行的，前端脚本语言还有JScript（微软，IE独有），ActionScript( Adobe公司，需要插件)等。 前端三大块 1、HTML：页面结构 2、CSS：页面表现：元素大小、颜色、位置、隐藏或显示、部分动画效果 3、JavaSc...

文章目录 9.2. JavaScript嵌入页面的方式 JavaScript嵌入页面的方式 9.2. JavaScript嵌入页面的方式 JavaScript嵌入页面的方式 1、行间事件（主要用于事件） <input type="button" name="" onclick="alert('ok！');"> 2、页面script标签嵌入 <script type="text/javascript"> ...

文章目录 9.3. 变量 变量 9.3. 变量 变量 JavaScript 是一种弱类型语言，javascript的变量类型由它的值来决定。 定义变量需要用关键字 ‘var’ var iNum = 123; var sTr = 'asd'; //同时定义多个变量可以用","隔开，公用一个‘var’关键字 var iNum = 45,sTr='qwe',sCount='68'; 变量类型 5种基本数据类型： 1、number 数字类型 2、string 字符串类型 3、boolean 布尔类型...

文章目录 9.4. 获取元素方法一 获取元素方法一 9.4. 获取元素方法一 获取元素方法一 可以使用内置对象document上的getElementById方法来获取页面上设置了id属性的元素，获取到的是一个html对象，然后将它赋值给一个变量，比如： <script type="text/javascript"> var oDiv = document.getElementById('div1'); </script> .... <div id="div1&...

文章目录 9.5. 操作元素属性 操作元素属性 9.5. 操作元素属性 操作元素属性 获取的页面元素，就可以对页面元素的属性进行操作，属性的操作包括属性的读和写。 操作属性的方法 1、“.” 操作 2、“[ ]”操作 属性写法 1、html的属性和js里面属性写法一样 2、“class” 属性写成 “className” 3、“style” 属性里面的属性，有横杠的改成驼峰式，比如：“font-size”，改成”style.fontSize” 通过“.”操作属性： <script type="text/j...

文章目录 9.6. 函数 函数 9.6. 函数 函数 函数就是重复执行的代码片。 函数定义与执行 <script type="text/javascript"> // 函数定义 function fnAlert(){ alert('hello!'); } // 函数执行 fnAlert(); </script> 变量与函数预解析 JavaScript解析过程分为两个阶段，先是编译阶段，然后执行阶段，在编译阶段会将functi...

文章目录 9.7. 条件语句 条件语句 9.7. 条件语句 条件语句 通过条件来控制程序的走向，就需要用到条件语句。 运算符 1、算术运算符： +(加)、 -(减)、 *(乘)、 /(除)、 %(求余) 2、赋值运算符：=、 +=、 -=、 *=、 /=、 %= 3、条件运算符：<mark>、</mark>=、>、>=、<、<=、!=、&&(而且)、||(或者)、!(否) if else var iNum01 = 3; var iNum02 = 5; var s...

文章目录 9.8. 数组及操作方法 数组及操作方法 9.8. 数组及操作方法 数组及操作方法 数组就是一组数据的集合，javascript中，数组里面的数据可以是不同类型的。 定义数组的方法 //对象的实例创建 var aList = new Array(1,2,3); //直接量创建 var aList2 = [1,2,3,'asd']; 操作数组中数据的方法 1、获取数组的长度：aList.length; var aList = [1,2,3,4]; alert(aList.length); // 弹出4 2、...

文章目录 9.9. 循环语句 循环语句 9.9. 循环语句 循环语句 程序中进行有规律的重复性操作，需要用到循环语句。 for循环 for(var i=0;i<len;i++) { ...... } 课堂练习 1、将数组中的数据分别用弹框弹出 2、将数组中的数据放入到页面中的列表中 while循环 var i=0; while(i<8){ ...... i++; } 数组去重 var aList = [1,2,3,4,4,3,2,1,2,3,4,5,6,5,5,3,3,4,2...

文章目录 9.10. 获取元素方法二 获取元素方法二 9.10. 获取元素方法二 获取元素方法二 可以使用内置对象document上的getElementsByTagName方法来获取页面上的某一种标签，获取的是一个选择集，不是数组，但是可以用下标的方式操作选择集里面的标签元素。 <script type="text/javascript"> window.onload = function(){ var aLi = document.getElementsByTagNam...

文章目录 9.11. Javascript组成 Javascript组成 9.11. Javascript组成 Javascript组成 1、ECMAscript javascript的语法（变量、函数、循环语句等语法） 2、DOM 文档对象模型 操作html和css的方法 3、BOM 浏览器对象模型 操作浏览器的一些方法