【2016.11.21】JS

在HTML网页中插入JavaScript代码。注意, <script>标签要成对出现,并把JavaScript代码写在<script></script>之间。

<script type="text/javascript">表示在<script></script>之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于JavaScript语言。

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus?">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <script type="text/javascript">
      /*document.write("hello word");//字符必须加引号
      document.body.bgColor="red";//赋值 如果由两个单词组成第二个单词首字母大写 驼峰法
      document.write("<h2>王宝强的个人信息</h2>");
      document.write("<ol");
      document.write("<li>姓名:王宝强</li>");
      document.write("<li>性别:男</li>");
      document.write("<li>年龄83</li>");
      document.write("<li>职业:演员</li>");
      document.write("<li>经纪人:隔壁老宋</li>");
      document.write("</ol>");*/
      window.alert("欢迎访问XX社区");
      var truthBeTold = window.confirm("您是否已满18岁,年满18岁请按是");
    if (truthBeTold) {
            window.alert("欢迎访问!");
                    }
    else{
        window.alert("再见啦!");
        //window.close();
        window.location.replace("http://tieba.baidu.com/f?ie=utf-8&kw=%E6%88%92%E8%89%B2&fr=search")

        }
      var name = "王宝强";
      var sex = "男";
      var age = "83";
      var job = "演员";
      var jjr = "隔壁老宋";
      document.write("<h2>"+name+"的个人信息</h2>");
      document.write("<ol>");
      document.write("<li>姓名:"+name+"</li>");
      document.write("<li>性别:"+sex+"</li>");
      document.write("<li>年龄"+age+"</li>");
      document.write("<li>职业:"+job+"</li>");
      document.write("<li>经纪人:"+jjr+"</li>");
      </script>

  <style type="text/css">

  </style>
  <title>js初步</title>
 </head>
 <body>
   <!--document它是一个对象,表示当前的文档对象-->
 </body>
</html>
时间: 2024-10-10 16:55:52

【2016.11.21】JS的相关文章

【2016.11.18】进制转换

二进制:0.1       逢二进一    基数:2 需要用二进制来表示一个2 0.1 八进制:0~7        逢八进一    基数:8     2^3=8  一个八进制可以表示3位二进制 使用八进制表示8  10 0.1.2.3.4.5.6.7  表示8 (10)8 十进制:0~9        逢十进一    基数:10 0.1.2.3.4.5.6.7.8.9     表示10 10 十六进制:0~F      逢十六进一    基数:16    2^4 = 16  一个十六进制可以表

【2016.11.24】HTML笔记与练习

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus?"> <meta name="Author" content=""> <meta name="

【2016.11.19】CSS基础

CSS全称为"层叠样式表 (Cascading Style Sheets)",它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小.颜色.字体加粗等.从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式.嵌入式和外部式三种.内联式css样式,直接写在现有的HTML标签中.嵌入式css样式,写在当前的文件中.外部式css样式,写在单独的一个文件中 css 样式由选择符和声明组成,而声明又由属性和值组成 在英文大括号"{}"中的的就是声明,属性和值之间用

【2016.11.27】表格和表单练习

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <style type="text/css"> table{border-collapse:collapse;} span{color:#f00;} </style> <title>表格和表单</title> </head> <body>

【2016.11.25】HTML笔记

【2016.11.28】纯HTML仿微博注册页面

效果如图 代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>新浪微博</title> </head> <body bgcolor="#BEE1F5"> <table align="center" width="896" height="186

【2016.11.29】HTML框架

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>框架</title> </head> <frameset rows="64,*" frameborder="no"> <frame src="top.html" /> <frameset co

【2016.11.23】css3动画动画效果

属性 描述 @keyframes 定义动画 animation 执行动画 animation-name 动画名称 animation-duration 执行完这个动画所需要花费的时间   单位是秒数 animation-timing-function 动画执行过程中的变化速度 linear 动画从头到尾的速度是 相同的. 测试 ease 默认.动画以低速 开始,然后加快, 在结束前变慢. 测试 ease-in 动画以低速开始. 测试 ease-out 动画以低速结束. 测试 ease-in-ou

【2016.11.22】css实现几个效果

1.阴影box-shadow 语法:box-shadow: h-shadow v-shadow blur spread color inset; h-shadow必需.水平阴影的位置.允许负值. v-shadow必需.垂直阴影的位置.允许负值. blur可选.模糊距离.但其值只能是为正值,如果其值为0时,表示阴影不具有模糊效果,其值越大阴影的边缘就越模糊: spread可选.阴影的尺寸. color可选.阴影的颜色.请参阅 CSS 颜色值.如不设定颜色,浏览器会取默认色,但各浏览器默认取色不一致