美滋滋,想想第四天了都激动,滋滋~~ 今天上js了(╯‵□′)╯︵┻━┻

9 篇文章 0 订阅

今天仍然讲的是CSS样式刚开始讲的是布局。
定位:
position: absolute; 绝对距离
left: 100px; 距左端的距离
top: 100px; 距上端的距离
绝对定位相对于原来位置的不保留原有位置
Position: relative; 相对距离,相对自己原来位置的距离。保留原有位置
添加上负号即可实现向上和向左移。
接下来开始介绍javascript。一个十分流行的前端脚本语言。如下:

<script type="text/javascript">
            alert("hello world!");/*弹出框的形式*/
            document.write("hello hello!");/*向页面写内容</script> 

Js内容一定要写在head里。
否则写在js文件夹中;在head里用

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

引入
/页面加载顺序子上而下加载/
/*1.获取div这个页面元素
*var是js的数据类型(可存储任意一种分类型:整数/字符串/浮点数/对象数组等)
documeent对象可以获取页面上所有的元素*/
var d = document.getElementById(“a3”);
/id为d的div元素/
var tt=d.innerHTML;
alert(tt);
/2.获取div中的文本/
1.引号使用(warnning):引号用外双内单,或内双外单。

<input type="button" name="qq" id="qq" value="confirm"  onclick="alert(s.value)"/>

2.绑定时间用click在onclick里面有两种方式调用js脚本
1)onclick里面写Java脚本
2)先声明一个方法在onclick里调用
JavaScript变量
1.与代数一样,JavaScript变量可以用于存放数值。
2.必须以字母开头也可使用$和_开头。
3.变量类型可以是字符串、数字、布尔、undefine。
4.一个数组可以存多个类型。
可以有如下定义方式:
var n1 = 1;
var n2 = “sss”;
var n3 = true;
var n4 = [“audi”,”bmw”,”ww”,”benz”];
var s= document.getElementById(“name”);
创建数组的第一种方式
var n4=[11,false,”bbb”];
创建数组的第二种方式
var fruit = new Array();
创建数组的第三种方式
可在Array里写数组内容
Var man = new Array(“gogogo”,”aolaiaolaiaolai”);
如果访问超过数组定义下标范围就会显示undefined。
数组遍历
普通循环
for (var i = 0; i < fruit.length; i++) {
alert(fruit[i]);
}
//增强for循环
//j是每次循环便利数组的下标
//a[0]数组中下标为零的值

for (var j in a){
alert(a[j]);
}
JavaScript对象
var zzy_dyw={
                sex:"unkown",
                age:"2",
                height:"180"
            };

访问对象
//一个对象 对象名.属性名/对象名[“属性名”]。
向某个块中写文字
document.getElementById(“s1”).innerHTML=show;
//show字符串s1为目标id。
对象数组
定义如下:

var arrs = [{name:"找死",sexaddres:"nv"},{name:"dajia",sex:"man"}];

遍历:

for(var i in arrs)
{
    for(var j in arrs[i])
    {
        show+=arrs[i][j];
    }
}

第一层for循环:遍历对象数组中的每一个对象。
第二层for循环:遍历每一个对象的属性。
Arrs[i]当前对象arrs[i][j]当前对象的属性。

又是充满希望的一天 吼?

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值