您现在的位置是:首页 > 前端学习 > Web前端Web前端
js应用(图文)
第十三双眼睛2019-06-30【Web前端】人已围观
简介本文主要记录一些js的使用方法
<script type="text/javascript">
</script>
js代码就写在这个标签里面。
输出一句话到网页中
1document.write("sdfsdfsdfsdfsdf");
2alert("sdfsdfs");
3console.log("sdfsd");
变量
js是一门弱类型语言,定义变量如下:
var a=0;
如果给a赋值为null,则输出为null
如果没有给a赋值,则输出为undefined
函数
js中的函数定义如下:
function test(){
}
上面就定义了一个函数,在{}中就可以写逻辑代码
js的内部对象:
我用过的js内部对象有
Array, String ,Date
Array:
var a=[1,2,3]
Array a =new Array();
常用的浏览器事件
点击事件onclick
鼠标移入事件onmouseover
鼠标移出事件onmouseout
获取焦点事件onfocus
失去焦点事件onblur
表单提交事件onsubmit
内容被改变事件onchange
页面加载完成事件onload
获取标签的方法
var a = document.getElementById("id");
这样,就获取到了id为id的标签
var b = document.getElementsByName("name");
这样就获取到了name为name的所有标签
给标签之间添加内容用innerHTML="";
</script>
js代码就写在这个标签里面。
输出一句话到网页中
1document.write("sdfsdfsdfsdfsdf");
2alert("sdfsdfs");
3console.log("sdfsd");
变量
js是一门弱类型语言,定义变量如下:
var a=0;
如果给a赋值为null,则输出为null
如果没有给a赋值,则输出为undefined
函数
js中的函数定义如下:
function test(){
}
上面就定义了一个函数,在{}中就可以写逻辑代码
js的内部对象:
我用过的js内部对象有
Array, String ,Date
Array:
var a=[1,2,3]
Array a =new Array();
常用的浏览器事件
点击事件onclick
鼠标移入事件onmouseover
鼠标移出事件onmouseout
获取焦点事件onfocus
失去焦点事件onblur
表单提交事件onsubmit
内容被改变事件onchange
页面加载完成事件onload
获取标签的方法
var a = document.getElementById("id");
这样,就获取到了id为id的标签
var b = document.getElementsByName("name");
这样就获取到了name为name的所有标签
给标签之间添加内容用innerHTML="";
Tags:
很赞哦! ()
上一篇:Ajax使用说明(图文)
下一篇:了解网页(第一节)(图文)
相关文章
随机图文
-
网页的文本设计(第三节)(图文)
静态页面中的绝大部分内容由4类属性的物质组成,文本,图像,视频音频等多媒体文件和超链接。本章的知识点如下: 1了解HTML语言,区分清楚旧的使用规则和新规则CSS之间的联系和不同。 2文本排版格式,学会如何使用标签实现在页面中规范写作格式 3文本样式学会如何改变页面中文本的基本属性和如何使用一些特殊的符号。 4文本列表,学会在页面中使用无序列表和有序列表来罗列条目 5通过实例,学会在页面中编写文本,项目列表 -
下拉导航(图文)
自己学习前端时,靠自己写出来的第一个下拉导航,记录一下。 -
创建框架结构的页面(第十一章)(图文)
框架指的是页面的一种布局,这种布局和之前说的表格布局和之后要学习的div+css布局不一样,那么具体框架是怎样的呢,事实上,框架布局也许缺少了一些灵活性,但是它的特点是可以将浏览器分隔成几个部分,这是其他标签无法做到的,本章的主要知识点如下: 1学习如何创建框架集 2掌握基本的页面布局 3通过一些属性修饰布局 4学习如何在框架内部实现页面连接及锚点连接 5创建浮动框架 -
了解网页(第一节)(图文)
本章开始,将介绍一些于互联网相关的常用技术解释,以及制作网页时通常要涉及到的领域,需要考虑的问题,本章的知识点很多但是不难理解。本章的知识点如下: 1网页的概念和分类,了解网页的概念,区别静态网页和动态网页的不同 2涉及网页的原则,和工具,了解网页开发的常用工具。 3网页浏览器的工作原理,知道网页浏览器的工作原理。 4HTML,XHTML,HTML5这几个概念的区别。 5HTML的应用,自己写出一个简单的HTML页面