![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端入门
如题
ekxavol
这个作者很懒,什么都没留下…
展开
-
HTML DOM 入门 3:事件与输入
可以利用事件来实现对HTML的监控(在功能上,也就是实现各式的输入功能)1.鼠标事件:点击、双击、按下、弹起、经过、进入、退出组件onmousedown:按下onmouseup:弹起onmousemove:经过(每次终点在组件上的鼠标移动,都会触发一次事件)onmouseover:从组件外进入组件onmouseout:从组件中退出onclick:在组件上点击ondblclick:在...原创 2020-03-14 23:46:16 · 158 阅读 · 0 评论 -
HTML DOM 2:对元素进行增删改查
1.改变元素的样式目标是:在JS等编程语言中,改变元素的样式。方法是:(1)得到元素对象(2)通过.style.属性名=“新属性值”,以改变元素对象的样式。<p id="p1"> 黑色文本</p><script>//下面的代码把黑色文本改为红色var element = document.getElementById("p1");element....原创 2020-03-14 22:46:25 · 183 阅读 · 0 评论 -
HTML DOM入门1:DOM元素的常见方法及其属性
1.HTML DOM简介DOM指Document Object Model ,文档对象模型,利用DOM可以将html的数据当作对象处理。它的优点是,方便程序和脚本动态地访问、更新文档的内容、结构和样式。Document对象的继承结构:1.共同父类是Root Element:<html>2.子类包括头文件head ,另外还有body 等DOM包括核心DOM、XML DOM 以及...原创 2020-03-14 21:36:19 · 302 阅读 · 0 评论 -
HTML入门:输入方式
HTML用表单(form)来处理用户输入,基本语法为:<form>请输入账户:<input type="text" name="account" value="默认值"><br></form>通过改变type类型,可以改变输入方式。如:type=“password”,表示以密码形式输入,文本会以星号键形式显示。type=“checkbo...原创 2020-03-12 11:28:31 · 479 阅读 · 0 评论 -
CSS笔记 1.CSS基础语法
CSS的作用:把html的风格和内容分开(分层设计)1.CSS的基本语法:选择器1.元素选择器:在顶端的style添加 p{color:red}2.id选择器<style>p{#p1{样式}#p2{样式}}</style>正文:<p id="p1" > 正文 </p>3.类选择器<style>.p1{样式}...原创 2020-03-12 10:57:31 · 204 阅读 · 0 评论 -
CSS笔记2:背景、文本、段落、边框、超链接
2.1 背景:颜色或图p.a{ background-color:gray;//表示背景颜色为灰色 //或者也可以用#010101,rgb(1,1,1)表示 //如果是背景图的话那么就用background-image:url(xx.jpg);来表示 //其中,图片地址采用相对地址。 //另外,还可以补充重复,平铺属性 background-repeat:repeat-x; 表示背景...原创 2020-03-12 10:53:50 · 172 阅读 · 0 评论 -
CSS笔记3-布局:居中、定位、浮动、展示
css笔记31.超链接超链接存在4种状态,在style区域:a:link{color: #ffff00}; 通过改变颜色可以改变超链接在该状态下的展示情况a:link/visited/hover/active 分别表示未打开/访问过/鼠标停留/鼠标摁下在内容端,用<a href="xx.com">xx.com</a>”表示超链接另外,超链接默认是...原创 2020-03-06 18:00:18 · 182 阅读 · 0 评论 -
JavaScript基础学习笔记-1 基础
1 JavaScript基础1.1运行语法: 嵌入在<script>中的程序<script> c = 10;//不必声明类型 document.write("Hello JavaScript");</script>也可以使用js文件执行:<script src="www.baidu.com/abc.js"></scri...原创 2020-03-06 21:14:00 · 83 阅读 · 0 评论 -
JavaScript-基础2(内置对象)
2.1 条件语句,循环语句,逻辑运算符等与Java的基本一样2.2 错误处理:try-catch语法是:try{//要做的事}catch(err){document.write(err.message);}原创 2020-03-09 10:53:44 · 83 阅读 · 0 评论 -
JavaScript基础4 浏览器对象
JavaScript可以利用浏览器对象对当前浏览器的各种信息进行观测,或对浏览行为作出操作。实例//1.window 窗口,屏幕screen.width;//屏幕宽度(分辨率的宽度)screen.availHeight//可用区域高度//a表示文档显示区域的宽度,b表示浏览器的高度a = window.innerWidth;b= window.outerHeight;//2.na...原创 2020-03-09 12:04:58 · 90 阅读 · 0 评论