CSS和Javascript简单复习资料_javascript技巧
CSS:
内联样式表 标签内直接加style=””
嵌入式样式表 定义在标签
外部样式表
选择器:
HTML选择器:接在html标签后加css
如:p{color:red}
class选择器:1 在html标签后加class名,再加css
如:p.red{color:red}
2 直接加class名,再加css
如:.red{color:red} 注意前面有个点
ID选择器:在ID前加一个#号
如:#red{color:red} ID选择器只为某一ID的控件使用
关联选择器:有嵌套的html标签,用空格隔开
如:P EM{color:red}
组合选择器:多个html标签,用逗号隔开
如: H1,H2,H3{color:red}
伪元素选择器:HTML元素:伪元素
如:A:link{color:red}
注释:使用 /* … */ 进行注释,不可嵌套
javascript:
javascript的数据类型:
基本数据类型:数值、字符串、布尔、空、undefined
注意:javascript中字符串是基本类型,传递的是值,不是地址。和java不同。
转义字符
变量:字母、数字、下划线、美元符$ ,以字母开头
javascript的函数:
function 函数名 (参数){
函数体;
return 表达式;
}
注意:函数由function定义。
形参:javascript不要求实参和形参个数相等,可以通过使用function_name.arguments.length来得到传过来的参数的个数。
内部函数: encodeURI / decodeURI
parseInt / pareFloat
isNan 检测parseInt / pareFloat的值是否是NaN
escape / unescape 对一个字符串进行编码后的字符串
eval 把一个字符串作为一个JavaScript表达式
javascript:
javascript的数据类型:
基本数据类型:数值、字符串、布尔、空、undefined
注意:javascript中字符串是基本类型,传递的是值,不是地址。和java不同。
转义字符
变量:字母、数字、下划线、美元符$ ,以字母开头
javascript的函数:
function 函数名 (参数){
函数体;
return 表达式;
}
注意:函数由function定义。
形参:javascript不要求实参和形参个数相等,可以通过使用function_name.arguments.length来得到传过来的参数的个数。
内部函数: encodeURI / decodeURI
parseInt / pareFloat
isNan 检测parseInt / pareFloat的值是否是NaN
escape / unescape 对一个字符串进行编码后的字符串
eval 把一个字符串作为一个JavaScript表达式
javascript的对象:
对象的属性:不需要先定义,可以直接使用
对象的方法:
定义:对象名.方法名 = 函数名
调用:对象名.方法名()
如:
//定义了一个方法
function sayname(){
alert(“name”);
}
object1.say=sayname;
object1.say();
对象的定义:
对象定义时,对象的属性可以自己定义。
用for ( var prop in object) {}可以遍历object里面的属性
内部对象: Object对象: new Object() 新建一个对象
String对象:
属性: length
方法: indexOf() / lastIndexOf()
match(正则表达式)
正则表达式:
以/ …. /作为标志
使用test()方法,符合条件返回true
replace() 替换第一次出现的字符
split() 返回一个数组
substring() 截位置 / substr() 截长度
Math对象: Math对象是静态对象,需要用Math.方法名()调用
Date对象: new Date() 构造方法
getYear() / getMonth()+1 / getDate() / getDay/ getTime()
toString方法: toString()可以转换进制 如toString(2);
数组: var arr = new Array();
同一个数组中可以加不同类型的值。数组的长度可变。
javascript的局部变量建立后,可以在整个函数体内中的任何地方使用。
事件驱动(通用): onClick();
onChange():
select 中选项改变时
onSelect():
onFocus() / onBlur 获得 / 失去 焦点
onLoad() / onUnload();
document对象:
方法:
write() / writeln() 使用后要用 close() 关闭
getElementById / getElementsByName 得到元素
createElement()
包含对象:
forms数组 得到对象
all数组 得到所有对象
body对象: 事件:
onselectstart =”return false” 时就不能选择网页上的东西了
onscroll
包含对象:
all
style
form对象: 方法: submit()
reset()
事件: onsubmit 函数体内 return true or false 判断是否提交表单
包含对象:

热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

在 Vue.js 中,placeholder 属性指定输入元素的占位符文本,当用户未输入内容时显示,提供输入提示或示例,提高表单可访问性。其用法为在输入元素中设置 placeholder 属性,并可使用 CSS 自定义外观。最佳实践包括与输入相关、简短清晰、避免默认文本,并考虑可访问性。

span 标签可为文本添加样式、属性或行为,用于:添加样式,如颜色、字体大小。设置属性,如 id、class 等。关联行为,如点击、悬停等。标记文本,以便进一步处理或引用。

CSS 中的 REM 是一种相对于根元素(html)字体大小的相对单位。它具有以下特点:相对根元素字体大小,不受父元素影响。当根元素字体大小改变时,使用 REM 的元素也会相应调整。可用于任何 CSS 属性。使用 REM 的优点包括:响应性:保持不同设备和屏幕大小上的文本可读性。一致性:确保整个网站字体大小一致。可扩展性:通过调整根元素字体大小轻松更改全局字体大小。

Vue 中引入图片有五种方法:通过 URL、require 函数、静态文件、v-bind 指令和 CSS 背景图片。可以在 Vue 的计算属性或侦听器中处理动态图片,并使用打包工具优化图片加载。确保路径正确,否则会显示加载错误。

节点是 JavaScript DOM 中表示 HTML 元素的实体。它们代表页面中的特定元素,可用于访问和操作该元素。常见的节点类型包括元素节点、文本节点、注释节点和文档节点。通过 DOM 方法(如 getElementById()),可以访问节点并对其进行操作,包括修改属性、添加/移除子节点、插入/替换节点和克隆节点。节点遍历有助于在 DOM 结构中导航。节点在动态创建页面内容、事件处理、动画和数据绑定方面非常有用。

浏览器插件通常使用以下语言编写:前端语言:JavaScript、HTML、CSS后端语言:C++、Rust、WebAssembly其他语言:Python、Java

1.首先,打开左下角的设置图标,点击settings选项2.随后,在跳转的窗口中找到css栏目3.最后,将unknownproperties菜单中的下拉选项改为error按钮即可

Vue.js 中,ref 用于 JavaScript 引用 DOM 元素(可访问子组件和 DOM 元素本身),而 id 用于设置 HTML id 属性(可用于 CSS 样式、HTML 标记和 JavaScript 查找)。
