html和css制作简单的个人网页代码,制作一张简单的网页(HTML+CSS+JS) 【3】

本文总结了JavaScript的基本知识和在网页中的应用,包括字符串操作、DOM元素的获取与操作、样式修改以及如何实现表单验证。通过示例展示了如何利用JS实现动态效果,如检查表单是否为空。
摘要由CSDN通过智能技术生成

前面两篇文章写了HTML和CSS,接下来这篇我把我学到的JavaScript,做一下简单的总结。如果我把一张网页比作是一幢大楼,那么HTML就是大楼的根基和基本骨架,CSS就是使大楼宏伟的一些装饰物,那么JS就是大楼里面活动的东西。简单的说就是网页上的特效效果都要靠JS来完成,比如一些焦点新闻的轮换、与用户的交互等等。

一.JS的基本知识及窗口交互

1.写js的基本格式:

结果:0

4

9

在该例子中,str.indexof(“v”,8) 这个的意思是说从该字符串的下标为8的数开始寻找v这个字符,找到它在9这个位置。

如果没有找到该字符,则会输出-1.

8.字符串的分割split()

var mystr = "www.baidu.com";

document.write(mystr.split(".")+"");

document.write(mystr.split("", 2)+"“);

三.DOM操作

1.在网页中,我们通过id先找到标签,然后进行操作,这是通过ID获取元素。

document.getElementById(“id”)

当然,通过name属性查也未尝不可。

ducument,getElementsByname("name")

需要注意的是,id只能有一个,但是name属性可以不唯一。

2.通过innerHTML我们可以获取甚至改变网页上的内容。

Object.innerHTML

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值