Day.02.12 javascript 接触篇

<!DOCTYPE html>
<html>
 <head>
 <meta  charset="utf-8">
  <title> js的简单体验案例 </title>
    <script type="text/javascript">
    //当点击按钮时,把文本放入到input text元素中
        function test ()
        {
            //alert ("辣鸡")
            //1.准备一个变量
            var txt ="不会玩寡妇";
            //2.获取到id为username文本框
            var txt_obj=document.getElementById("username");
            //3.将txt放入文本框内
            txt_obj.value=txt;
        }
    </script>
 </head>
 <body>
    <input type="text" id="username" name="user_name" value="小鱼人">
    <input type="button" onclick="test()"  value="正月十六">
 </body>
</html>

小结:
I.js一般放在head标签之间

点击.png
点击后.png

//alert

弹出窗口.png

js可以做什么?
1.可以做游戏,网页的特性,地图,web聊天四种;

js的一些特点:
2.js是一个脚本编程语言,脚本语言相对于传统的编程语言来说,语言和规则没有那么严格;
3.js是解释执行,即js在执行的时候,不会编译成二进制代码,而是将js代码调入引擎,然后解释 执行.

js的主要作用:
4.js的主要作用,可以对网页的元素进行动态编程;

补充:
function:功能,函数
var:乏,无功伏安
onclick:单击鼠标;
test:实验;
value:价值,这儿的意思应该是 ...的值;
document:文档;
alert:警戒;

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,719评论 25 709
  • 前言 归根结底,代码都是思想和概念的体现。没人能把一种程序设计语言的所有语法和关键字都记住,可以查阅参考书来解决。...
    朱细细阅读 8,179评论 4 14
  • 第一章: JS简介 从当初简单的语言,变成了现在能够处理复杂计算和交互,拥有闭包、匿名函数, 甚至元编程等...
    LaBaby_阅读 5,632评论 0 6
  • 限制API调用频率 使用redis-throttle 集成到Rails中,修改config/application...
    yaya_pangdun阅读 1,715评论 0 0
  • 天气还可以,只是睡了很久还是觉得累,昨晚痛的醒来,吃了布洛芬才睡得着,又是一天,sj又近了一天,要看书,要考试。还...
    止小w阅读 1,337评论 0 0

友情链接更多精彩内容