资讯专栏INFORMATION COLUMN

JS简易留言板

jeffrey_up / 1316人阅读

摘要:简易留言板留言区域显示留言区域提交今天简单的写了个的留言板,现在开始讲解代码等到文本加载完成后再加载代码获取为的节点赋值给获取为的节点赋值给点击执行代码块里面的代码获取为节点的值赋值给把添加到节点里面



    
        
        简易留言板
    
    
        留言区域:
显示留言区域:

今天简单的写了个js的留言板,现在开始讲解js代码

window.onload=function(){
//等到文本加载完成后再加载js代码
    var display_area = document.getElementById("display_area");
    //获取id为display_area的节点赋值给display_area.
    var btn = document.getElementById("btn");
    //获取id为btn的节点赋值给btn.
    btn.onclick = function(){
    //点击btn执行代码块里面的代码
        var content_val = document.getElementById("content").value;
        //获取id为content节点的值赋值给content_val.
        display_area.append(content_val);
        //把content_val添加到节点display_area里面
    };
}

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/50476.html

相关文章

  • JS简易言板

    摘要:简易留言板留言区域显示留言区域提交今天简单的写了个的留言板,现在开始讲解代码等到文本加载完成后再加载代码获取为的节点赋值给获取为的节点赋值给点击执行代码块里面的代码获取为节点的值赋值给把添加到节点里面 简易留言板 留言区域: 显示留言区域: ...

    darkerXi 评论0 收藏0
  • JS简易言板

    摘要:简易留言板留言区域显示留言区域提交今天简单的写了个的留言板,现在开始讲解代码等到文本加载完成后再加载代码获取为的节点赋值给获取为的节点赋值给点击执行代码块里面的代码获取为节点的值赋值给把添加到节点里面 简易留言板 留言区域: 显示留言区域: ...

    silenceboy 评论0 收藏0
  • vue初探-简易言板

    摘要:学完的基础语法之后,练手一下,从最基本的留言板开刀吧。功能不多,主要为了熟悉的基础语法使用。 学完vue的基础语法之后,练手一下,从最基本的留言板开刀吧。功能不多,主要为了熟悉vue的基础语法使用。详细vue教程请移步vue.js 2.0 技术框架 1.vue.js 2.0 2.bootstrap 语法概述 这里只写一点此例子用到的一些语法知识,详细API请移步:vue 2.0 a...

    GHOST_349178 评论0 收藏0
  • 使用leancloud给简历加数据库,实现留言功能

    摘要:拥有登录注册手机验证码功能收费存储任意信息读取任意信息搜索任意信息删除任意信息更新任意信息等功能。 使用leancloud给简历加数据库,实现留言功能 这篇博客的源代码是我的正在写的在线简历完整代码(项目暂未完成)预览地址 在本地预览项目的时候用的http-server 前端的两大块: 操纵DOM:DOM API/jQuery Ajax:http请求和响应/XMLHttpReques...

    susheng 评论0 收藏0
  • 原生JS写一个简单的言板功能

    无标题文档 window.onload = function(){ var oMsg = document.getElementById(msg); var oBtn = document.getElementById(btn); var oMsg_c = document.getElementById(msg_c); var oUl = document.createEleme...

    nidaye 评论0 收藏0

发表评论

0条评论

jeffrey_up

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<