javascript基础

Posted on 2015-04-16 09:25  小蕊同学  阅读(149)  评论(0编辑  收藏  举报

jivascript
1.字符串用单引号
//算出2015年4月10号是星期几
方法一:
<script>
var dd = new Date(2015,3,10);
var d = dd.getDay();

var s = '六';

if(d==0){
s = '日';
}else if(d==1){
s = "一";
}else if(d==2){
s = "二";
}else if(d==3){
s = "三";
}else if(d==4){
s = "四";
}else if(d==5){
s = "五";
}
document.write("星期"+s);
</script>
方法二:
<script>
var dd=new Date(2015,3,10);
var d=dd.getDay();
if(d==0){
document.write("星期日");
}else if(d==1){
document.write("星期一");
}
else if(d==2){
document.write("星期二");
}
else if(d==3){
document.write("星期三");
}
else if(d==4){
document.write("星期四");
}
else if(d==5){
document.write("星期五");
}
else{
document.write("星期日");
}
</script>
返回变量的类型
var i=20;
var i='ok';
alert(typeof(i));/*返回变量的类型*/
typeof();
alert();对话框输出
document.write();文档输出
1.字符串为string类型可以用单引号,可以用双引号,建议用单引号
2.js是基于对象开发要有一定的逻辑思维能力属于弱类型语言是客户端脚本语言只在客户端执行减轻服务器的压力属于富客户端
3.服务器小,客户端大
4.html/css/javascript 属于网页的核心技术,B/S为浏览器服务器项目
5.javascript为网景公司开发的
6.开发者工具-控制台可以查错-console在开发工具不提示错误刷新页面又不出效果时
7.变量名的命名:
不能是数字开头,中间不能有特殊符号,不能和关键字冲突,可以以$ - 开头
8.java是纯面向对象,跨平台开发语言 c++语言分支为开发桌面软件,可以看看
9.javascript 区分大小写 引入js编写格式为外部编写my.js文件
【1】<head>
<script src="js/my.js"type="text/javascript""></script>
</head>
【2】代码段
直接<script></script>在html里面除了<head></head>里面
【3】事件植入标签:
当鼠标点击button时文字颜色变红色,鼠标离开后文字变黄色 alert为对话框输出内容,this.innerHTML为对话框中获取button内容
<button onClick="alert(this.innerHTML);" onMouseOver="this.style.color='red'" onMouseOut="this.style.color='yellow'">wwwwwwwwwwwwwwwwwwwweee</button>
以下为简单的javascript代码及解析
<script>
var b=document.getElementById('btn'); //查找id为btn的
b.onclick=function(){ //当鼠标点击触发后
alert(this.innerHTML); //输出拿出button里面的内容
}
var b=document.getElementsByTagName('button')[2]; //在javascript里面都是从0开始的,查找第三个button按钮字符串的长度为从0开始所以第三个就写2
b.onclick=function(){ //当鼠标点击触发后
alert(this.innerHTML); //输出button内容
document.title=this.innerHTML;
}
</script>
javascript的结束语分号是可以省略的,建议不要省略
10.\n是换行\是转义字符
11.正则表达式^开始&表示结束
12.布尔值只有2个值一个为true一个为false
13.==为判断等不等,=为复制 ===为类型等数值都要等 !==为不等操作 ||或操作 &&与操作

document.write("hello world!") /*文档输出*/
document.write("名称:"+navigator.appName+"<br>"); /*浏览器名称*/
document.write("版本号:"+navigator.appVersion+"<br>");/*浏览器版本*/
document.write("发行号:"+navigator.appCodeName+"<br>");/*浏览器发行号

if(1==1&&6>3){
alert("return true");
}else{
alert("return false");
}


<script>
function test(){
window.alert("hello");
}
</script>
</head>
<body>
<input onClick="test()" type="button" value="点击一下">

js中变量用var表示
<script>
var num1=21;
var num2=45;
var result=num1+num2;
window.alert("结果是"+result);
</script>
js单行注释// 多行注释/**/
js的数据类型:基本数据类型:字符串类型(string) 布尔类型(bloolean) 数值类型(number)
数值类型(number)分为整型常量和实型常量,其中整型常量的16进制必须以0x开头,8进制以0为开头十进制以为123455
js的数据类型:复合数据类型:数组 对象
js的数据类型:特殊数据类型:null undefine
通过typeof可以看到具体的数据类型
var num1="我的";
window.alert(typeof num1); /*获得变量的数据类型*/


window.alert(6/0); /*输出无穷大infinity*/
输入框
<script>
var i = prompt('请输入年龄',18); 提示输入对话框默认的年龄为18
if(i<18){
alert('未成年不允许上网'); 如果输入的年龄小于18则提示不能上网
}
else{
alert('您已成年可以上网'); 如果输入的年龄大于18则提示您已经成年可以上网点击确认已经即可跳转到百度网页
location.href='http://www.baidu.com'
}
</script>
判断对话框 确认框
写法一:
var f=confirm('是否打开百度网?');
if(f){
location.href='http://www.baidu.com';
}
写法二:
if(confirm('是否要打开百度网')){
location.href='http://www.baidu.com';
}
确认框:
张三:<a href="" onClick="return confirm('是不是要删除张三')">删除 </a>
javascript可以用中文给变量命名
var 中国='china';
alert(中国);
输出china
声明函数
function show(){
alert('a');
}
show(); 调用执行函数
声明匿名函数,并自动调用此函数
(funciton(){
alert('hello')
})();
var i = '20'; //等号是赋值
document.write(i===20);//false
document.write(i=20);//20
document.write(i==20);//true 判断等不等
document.write(i===20);//true 全等
''0 null 代表假 非空非零代表真 一个等号代表赋值,二个等号为判断等不等,三个等号为判断值和类型是否都等

&& 逻辑与 || 逻辑或 !逻辑非
两种定时器
setTimeout('alert(100)',2000); /*2s后输出100*/
setInterval('alert(200)',2000);/*每隔2s输出200*/

Copyright © 2024 小蕊同学
Powered by .NET 8.0 on Kubernetes