关于js入门篇

定义变量

1. var 变量名;变量名=" ";

2. var 变量名=" ";

输出

document.write(变量名);

函数

fuction 函数名(){

}

button中使用函数

<input type="button" value="使用函数" onclick="须使用函数名">;

alret警告

<script type="text/javascript">

function alret(){

var char="AAA"

alret(char);

}

</script>

<body>

<input type="button" value="警告" onclick="alret()">;

</body>

confirm确认

<script type="text/javascript">
var mymessage=confirm("你喜欢JavaScript吗?");
if(mymessage==true)
{ document.write("很好,加油!"); }
else
{ document.write("JS功能强大,要学习噢!"); }
</script>

prompt提问

var myname=prompt("请输入你的姓名:");
if(myname!=null)
{ alert("你好"+myname); }
else
{ alert("你好 my friend."); }

window.open 打开窗口
<script type="text/javascript">

window.open(‘网址‘,‘_blank‘,‘width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes‘)
</script>

window.close关闭窗口

<script type="text/javascript">
var mywin=window.open(‘网址‘); //将新打的窗口对象,存储在变量mywin中
mywin.close();
</script>

通过ID获取元素

document.getElementById(“id”)

innerHTML 属性
Object.innerHTML
注意:1.Object是获取的元素对象,如通过document.getElementById("ID")获取的元素。
2.注意书写,innerHTML区分大小写。

改变 HTML 样式
Object.style.property=new style;
注意:Object是获取的元素对象,如通过document.getElementById("id")获取的元素。
<p id="pcon">Hello World!</p>
<script>
var mychar = document.getElementById("pcon");
mychar.style.color="red";
mychar.style.fontSize="20";
mychar.style.backgroundColor ="blue";
</script>

显示和隐藏(display属性)
Object.style.display = value;  (none-隐藏 block-显示)
注意:Object是获取的元素对象,如通过document.getElementById("id")获取的元素。

控制类名(className 属性)
object.className = classname
作用:1.获取元素的class 属性  2. 为网页内的某个元素指定一个css样式来更改该元素的外观


 
时间: 2024-10-09 20:32:21

关于js入门篇的相关文章

Three.js入门篇(一)创建一个场景

上一面讲述了向场景中添加物体对象.这一篇准备把每个功能点细细的讲述一遍,一方面是为了加深自己的理解.另一方面希望能够 帮助到有需要的人. 一.在学习WEBGL的时候,你应该先了解要创建一个WebGL程序需要哪些步骤.就跟弄梅菜扣肉一样,需要哪些步骤. 初始化WebGL绘图上下文 初始化着色器程序 建立模型和数据缓存 完成绘制和动画 这是一个面向过程编程.然而three.js不一样,是一个面向对象编程.主要构建三个对象 scene(场景) camera(相机) renderer(渲染器).. 这三

js入门篇之正则表达式基础

定义:正则用于规定在文本中检索的内容,它是对字符串执行模式匹配的强大工具 RegExp(正则表达式) 对象的语法: new RegExp(pattern, attributes); pattern为一个字符串或匹配规则 attributes为可选字符串,包含属性g.i 和 m g:代表全局匹配 (继续往下匹配) i:代表不区分大小写匹配 m:代表多行匹配,只对^和$模式有用 定义正则表达式有两种形式: 构造函数方式: new RegExp(pattern, attributes); 例:var

初学node,js入门篇(1) ========搭建第一个node服务器

闲来无事,研究一番node.js,虽然网上已有大把的资源教程,但是还是不如自己手写一份来的记忆深刻. 创建node服务器第一步:下载node.js安装以及配置环境变量. 创建node服务器第二步:找到node.js的根目录,盘符:\nodejs\node_modules   这是node.js的根目录. 创建node服务器第三步:创建一个新的js文件,例如server.js,放置在node_modules目录下面. 创建node服务器第四步:编辑server.js文件,具体代码如下 //引入re

Node.js 入门篇

Node.js是一个Javascript运行环境(runtime).实际上它是对Google V8引擎进行了封装.V8引 擎执行Javascript的速度非常快,性能非常好.Node.js对一些特殊用例进行了优化,提供了替代的API,使得V8在非浏览器环境下运行得更好. Node.js是一个基于Chrome JavaScript运行时建立的平台, 用于方便地搭建响应速度快.易于扩展的网络应用.Node.js 使用事件驱动, 非阻塞I/O 模型而得以轻量和高效,非常适合在分布式设备上运行的数据密集

js入门篇之Math对象

Math对象用于执行数学任务 Math对象的属性: Math对象的方法: 常用属性和方法: Math.PI ----------------返回圆周率3.14 ... Math.ceil(x) ------------对数值x进行向上取整 Math.floor(x) -----------对数值x进行向下取整 Math.round(x) ----------对数值x进行四舍五入 Math.min(a,b,c...) -------返回abc...中的最小值 Math.max(a,b,c...)

【three.js详解之一】入门篇

[three.js详解之一]入门篇 开场白 webGL可以让我们在canvas上实现3D效果.而three.js是一款webGL框架,由于其易用性被广泛应用.如果你要学习webGL,抛弃那些复杂的原生接口从这款框架入手是一个不错的选择. 博主目前也在学习three.js,发现相关资料非常稀少,甚至官方的api文档也非常粗糙,很多效果需要自己慢慢敲代码摸索.所以我写这个教程的目的一是自己总结,二是与大家分享. 本篇是系列教程的第一篇:入门篇.在这篇文章中,我将以一个简单的demo为例,阐述thre

python 微信开发入门篇-调用JS SDK 含微信支付(二)

本章节完成微信js sdk + 微信支付调用,项目基础部分请参照入门篇第一章:https://www.cnblogs.com/wangcongxing/p/11546780.html 1.微信服务号设置    登录服务号后台设置如下: 1.登录地址:https://mp.weixin.qq.com/ 2.设置-->公众号设置-->功能设置 设置后结果如下 2.微信商户后台设置 登录微信支付平台设置如下: 1.登录地址(因为需要安装exe插件, 设置浏览为兼容模式  建议使用QQ浏览器):htt

【精】【入门篇】js正则表达式

前言 最近有了点时间,就回头看了一下<学习正则表达式>这本书.怎么说呢,这本书适合从零开始学习正则表达式或者有一点基础但是想要加强这方面能力的读者.这本书的风格是“实践出真知”,使用归纳方式讲述, 也就是说, 会从特例讲起, 最终归结到一般情况.不会先陈述观点, 然后举例, 而是先为大家展示示例, 然后归纳出一般性结论.所以刚开始的话还是有点不习惯这种风格. 吐槽只是皮一下而已啦,这本是还是可以的,感兴趣的小伙伴不妨去看看,书本不厚,也就140页左右.[附上pdf] 正则表达式 1.为什么使用

Vue学习笔记入门篇——组件的使用

本文为转载,原文:Vue学习笔记入门篇--组件的使用 组件定义 组件 (Component) 是 Vue.js 最强大的功能之一.组件可以扩展 HTML 元素,封装可重用的代码.在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能.在有些情况下,组件也可以是原生 HTML 元素的形式,以 is 特性扩展. 组件使用 注册 注册一个全局组件,你可以使用 Vue.component(tagName, options).组件在注册之后,便可以在父实例的模块中以自定义元素 的形式使用.